@media only screen and (max-width: 415px) {
	.mob-frontpageheadertop-margin {margin-top: 20px !important;}
	.mob-frontpageheadertop-margin {position: relative; text-align: center;}
	.mob-bannerheadertop-top {position: absolute; left: 2rem; top: 30rem;}
	.mob-button {margin-bottom: 1em;}
	.mob-bannerheadertop-top H2 {color: white; font-size: 1.5em; padding-right: 1.5rem;}
	.mob video#vid {position: relative; right: 0; bottom: -1px; margin-top: 0px; min-width: 120%; min-height: 100%; width: 100%; height: auto; z-index: -100; background-size: cover; background-color: #FFF; margin-left: -44px;}
}

.bannerheadertop-top {position: absolute;}

@media only screen and (min-width: 416px) { 
	/*.bannerheadertop-top {bottom: 8rem; left: 6rem;}*/
	.bannerheadertop-top H2 {color: white;}
}

@media only screen and (min-width: 416px) and (max-width: 666px) {
	.bannerheadertop-top {bottom: 11rem; left: 6rem;}
	.frontpageheadertop-margin {margin-top: 95px !important;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {	
	.bannerheadertop-top {bottom: 6rem; left: 6rem;}
	.frontpageheadertop-margin {margin-top: 70px !important;}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {	
	.bannerheadertop-top {bottom: 5em; left: 6rem;}
}
@media only screen and (min-width: 1280px) {	
	.bannerheadertop-top {bottom: 18rem; left: 6rem;}
}