body{
	font-family: 'Roboto', sans-serif;	
}
.text-justify{
	text-align: justify;
	text-justify: inter-word;
}
.depheader {
	min-height:200px;
  	color:#aaaacc;
    background-image: linear-gradient(180deg, #000044, #000099);	
}

.depheader h2 {
    font-size: 40px;	
	line-height: 1.3;
    text-shadow: 5px 5px #000033;	
}
.logo{
	width:60%;
	height:60%;
}
.lead{
   font-size: 20px;
   text-shadow: 5px 5px #000033;	   
}
.course{
   text-shadow: 5px 5px #000033;	   
}
.depheader .well {
    background-image: linear-gradient(180deg, #111155, #000099);	
    box-shadow: 5px 5px 10px 5px #000055;	
  	border-color:#000033;
}

@media screen and (max-width: 768px) {
	.depheader h2 {
		font-size: 20px;
	}
	.lead{
		font-size: 12px;
	}
	.logo{
		width:20%;
		height:20%;"
	}	
}