/* template.css overwrites -- use only when absolutely necessary
================================*/
.banner-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 450px;
	background: url(../imgs/hero.jpg) no-repeat 0 0;
	background-size: 189.72%;
}


/* custom CSS on a per project basis
================================*/

.main-title{text-transform:none;}


/* responsive CSS on a per project basis
================================*/

@media only screen and (max-width: 1024px) {
	/* insert responsive CSS for screens below 1024px */
}

@media only screen and (min-width: 375px) {
	/* insert responsive CSS for screens above 375px */
}
@media only screen and (min-width: 481px) {
	/* insert responsive CSS for screens above 481px */
}
@media only screen and (min-width: 641px) {
	/* insert responsive CSS for screens above 641px */
	.banner { padding-top: 21.96%; }
	.banner-img {
		background-position: 0 100%;
		background-size: 100%;
	}	
}
@media only screen and (min-width: 1025px) {
	/* insert responsive CSS for screens above 1025px */
.mp_cntr1, .mp_cntr2, .mp_cntr3{width:33.33%;}
.mp_cntr1{background-position:center 30px;background-size:50%;}
.mp_cntr2{margin:0 auto;}
	
.vidCntr .contentArea .contentAreaL{width:57%;padding:4% 3% 0 0;margin:0 0 0 0;}
.vidCntr .contentArea .contentAreaR{width:40%;height:auto;margin:0;padding:0;float:left;}

}
@media only screen and (min-width: 1366px) {
/* insert responsive CSS for screens above 1025px */
}