/*-----------------SCHOOLS------------------*/
/*SCHOOL HEADER IMAGE*/
	.schoolheaderLarge {
	position: relative;
	width: 100%; /* for IE 6 */
	text-align: center;
	}
	
	.schoolheaderLarge h1{
	position: absolute;
	  top: 45%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	width: 100%;
	color: #fff;
	font-size:450%;
	}

@media only screen and (max-width: 1200px) {
	.schoolheaderLarge  h1{
	font-size:400%;
	}

}

@media only screen and (max-width: 800px) {
	.schoolheaderLarge  h1{
	  top: 40%;
	font-size:250%;
	}

}

@media only screen and (max-width: 500px) {
	.schoolheaderLarge  h1{
	font-size:125%;
	}

}

@media only screen and (max-width: 300px) {
	.schoolheaderLarge  h1{
	font-size:100%;
	}

}





/*SCHOOL HEADER IMAGE*/
	.schoolheaderLargeSub {
	position: relative;
	width: 100%; /* for IE 6 */
	text-align: center;
	height: 150px;
	background-position: center; 
	max-width: 1200px; 
	margin: auto;
	}
	
	.schoolheaderLargeSub img {
	position: relative;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	margin: auto;
	max-width: 1200px;
	width:100%;
	
}
	
	.schoolheaderLargeSub h1{
	position: absolute;
	  top: 40%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	width: 100%;
	color: #fff;
	font-size:550%;
	}

@media only screen and (max-width: 1200px) {
	.schoolheaderLargeSub  h1{
	font-size:400%;
	}

}

@media only screen and (max-width: 800px) {
	.schoolheaderLargeSub  h1{
	  top: 40%;
	font-size:250%;
	}

}




}