/* 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%;
}

/* additional CSS for Finance Footer
================================*/
.disclaimer{max-width:320px;margin:0 auto;}
.footer-text{max-width:320px;margin:0 auto;}
.footer{position:relative;margin-top:120px;}
.finance{position:absolute;width:100%;height:237.5px;display:block;margin-top:calc(-118.75px - 1em);z-index:0;}
.finance #l-fin{float:left;height:100%;}
.finance #r-fin{float:right;height:100%;}
.footer-inner{padding-top:100px;}
.btn-area{position:relative;z-index:1;}


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












/* 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) {
/* additional CSS for Finance Footer
================================*/
	.footer{margin-top:90px;}
	.footer-inner{padding-top:50px;}
		
	/* insert responsive CSS for screens above 481px */
	
}
@media only screen and (min-width: 641px) {
	/* insert responsive CSS for screens above 641px */
	.banner-img {
		background-position: 0 100%;
		background-size: 100%;
	}	
}
@media only screen and (min-width: 769px) {
/* additional CSS for Finance Footer
================================*/
	.finance{height:475px;margin-top:calc(-240px - 1em);}
	
	/* insert responsive CSS for screens above 769px */

}
@media only screen and (min-width: 1025px) {
/* additional CSS for Finance Footer
================================*/
	.disclaimer{max-width:none;}
	.footer-text{max-width:none;}
	
	/* insert responsive CSS for screens above 1025px */
}