html, body, #wrapper {
	background: none;
	background-color: #EEE;
}
#superHeader, #pageHeadline { display: none !important; }
#aboveTheFold {
    width: calc(100vw - 17px);
    height: 100vh;
    max-width: calc(100vw - 17px);
    max-height: 100vh;
    margin: 0;
    padding: 0;
    background: black;
    display: flex;
    align-items: center;
    justify-content: center;
}

#squeeze {
	max-width: 800px;
	margin: 50px auto 50px;
	width: 100%;
	height: auto;
	display: block;
	float: none;
}

#videoContainer { display: flex; padding: 0; margin: 0; max-width: 100%; flex: 1; }
#VSL { width: calc(100vw - 17px); height: 56.25vw; max-height: 100vh; max-width: 177.78vh; margin: auto; border: 0; background-color:rgba(0,0,0,0); }
.vjs-poster { background-color: #000 !important; }


#primaryCTA {
	width:100%;
	position:absolute;
	left:0;
	top:5%;
	z-index:9999;
}


@media only screen
and (max-width: 767px)
and (min-height: 800px) {
        .buttonPop {
                margin-top: -180px !important;
                width: 90% !important;
        }
}

@media only screen
and (max-width: 480px) {
	#aboveTheFold { width: 100%; max-width: 100%; }
}

@media only screen 
and (min-device-width: 300px) 
and (max-device-width: 840px)
and (orientation: landscape) {
	#primaryCTA { bottom: 0; margin-bottom: 5px; }
	#primaryCTA img { max-width: 400px; }
}
