/*-- Blue page --*/

/*-- For large screens --*/
@media (min-width:997px){
	.location{ display: inline-block; width: 31%; margin: 30px 1% 0; }
}

/*-- For medium screens --*/
@media (max-width:996px){
	.location{ display: block; width: 80%; margin: 1% auto 0; padding:2% 0 0;}
}

/*-- For small screens --*/
@media (max-width:568px){
	.location{ display: block; width: 100%; margin: 5% auto 0; padding:1% 0 0;}
}


/*== Page deisgn for course.php ==*/

#pageTitle{
	background: #337ab7;
}

#locationList{
	display: block;
	margin: 0 auto;
	padding: 0;
}

.locationText{
	margin: -6px auto 0;
	padding: 10px 0;
	font-size: 1.1rem;
	line-height: 20px;
	text-align: center;
	color: #fff;
	background: #337ab7;
}

.locationPic{
    width: 100%;
}