@charset "utf-8";

.locations {
	width: 100%;
	padding-top: 30px;
	padding-right: 1%;
	padding-left: 1%;
	background-color: hsla(216,100%,29%,0.85);
	margin-bottom: 60px;	
}	


.locations .heading {
	text-align: center;
	font-size: 36px;
	font-weight: 700;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	margin-bottom: 25px;
	color: #FFC533;
}

.location {
	width: 16.66666666666667%;
	padding-left: 1%;
	padding-right: 1%;
	float: left;
	clear: none;
	text-align: center;
	margin-bottom: 30px;
}

.locationName {
	margin-bottom: 14px;
}

.locationName a {
	font-weight: 700;
	font-size: 22px;
	color: hsla(0,0%,100%,1.00);
}

.locationName a:hover {
	color: #FFC533;
}

.locationAddress {
	font-size: 16px;
	margin-bottom: 10px;
	color: #FFFFFF;
}

.map {
	width: 100%;
	height: 240px;
	margin-bottom: 8px;
	-webkit-box-shadow: 1px 1px 5px 0px hsla(0,0%,0%,0.30);
	box-shadow: 1px 1px 5px 0px hsla(0,0%,0%,0.30);
}






@media (max-width:1800px){
	
.locations {
	padding-right: 2%;
	padding-left: 2%;
}	
	
.location {
	width: 33.3333333333333333333333333333%;
	padding-right: 4%;
	padding-left: 4%;	
	min-height: 480px;
} 	
}



@media (max-width:1520px){
	
.locations {
	margin-bottom: 0px;	
}	
}



@media (max-width:1300px){
	
.location {
	width: 50%;
	min-height: 400px;
} 	
}




@media (max-width:1000px){
	
.locations {
	padding-right: 10%;
	padding-left: 10%;
}	
	
.location {
	width: 100%;
	min-height: 10px;
	padding-right: 0%;
	padding-left: 0%;	
} 	
}