body { font-size: 1em; color: #fff; font-family: 'Open Sans', sans-serif; text-transform: uppercase; margin: 0px; padding: 0px; position: relative; background: transparent; background-color: #000; /* background: #000 url(../img/backgroundfade-desktop.jpg) no-repeat center 120px; */ }

a, a:visited { color: #fff; text-decoration: none; }
p { padding: 3px 0px; margin: 0px;}

h1 { height: 0px; width: 0%; text-indent: -5555px; margin: 0px; padding: 0px; }
h2 { text-align: center; }
.clear { clear: both; height: 0px; float: none; font-size: 0px; line-height: 0px; }

#background { position: absolute; top: 0px; text-align: center; width: 100%; margin: 0px;}
#background img.background { position: absolute; display: block; width: 100%; max-width: 1200px; top: 100px; left: 0px; right: 0px; margin: 0px auto;}
#background header { position: absolute; top: 0px; text-align: center; width: 100%;}

#content { width: 100%; max-width: 600px; margin: 0px auto 0px auto; text-align: center; padding-top: 800px; }
#logo { width: 100%; max-width: 200px; display: block; margin: 20px auto; } 
#video iframe { width: 100%; height: 338px; }
#events { margin-top: 50px; }

.columns { width: 45%; text-align: center; vertical-align: top; }

#retail1 { display: inline-block; }
#retail2 { display: inline-block; }
#retail3 { display: block; width: 100%; max-width: 600px; margin: 0px auto; }
#socials { padding-top: 50px; text-align: center; margin-bottom: 50px; }
#socials a:hover { background: none; }

.parallax-window {
    min-height: 800px;
    background: transparent;
}

.social-icons { max-width: 40px; }

#text-link p {
	padding: 8px;
	margin: 16px auto;
	border: solid 1px #fff;
	width: 200px
}
#text-link p:hover {
	color: #000;
	background-color: #fff;
} 

.packshot { width: 100%; margin: 0px auto; display: block; border: solid 1px #666; }

footer { clear: both; display: block; height: 550px; }

#overlay_onload { background-color: #664B8C; }
#overlay_onload .left { display: inline-block; width: 100%; max-width: 330px; }
#overlay_onload .left img { vertical-align: top; width: 100%; max-width: 330px; }
#overlay_onload .right { display: inline-block; vertical-align: top; margin-top: 60px; margin-left: 28px; width: 100%; max-width: 380px; text-align: center; }
#overlay_onload .right iframe { width: 100%; height: 200px; }
#overlay_onload .link { color: #FED77A; border: solid 1px #7195AD; background-color: #7195AD; padding: 0px 20px; display: block; font-weight: 700; font-size: 125%; }
#overlay_onload .link:hover { border: solid 1px #FED77A; background-color: #FED77A; color: #7195AD;}

.mfp-content .popup_style { position: relative; width: 100%; max-width: 768px; margin: 0px auto; }
.mfp-content .popup_style iframe { border-width: 0px; width: 100%; max-width: 768px; margin: 0px auto; }
.mfp-content .popup_style img { margin: 0px;}
.mfp-content .mfp-close { color: #fff !important; right: 10px !important; top: 10px !important; }

.mfp-content #overlay_newsletter.popup_style { max-width: 400px; }
.mfp-content #overlay_newsletter iframe { max-width: 400px; height: 700px;  }  

@media only screen and (max-width: 960px) {

}

@media only screen and (max-width: 768px) {
#content { padding-top: 500px; }
#video iframe { width: 100%; height: 432px; }
footer { height: 600px; }
.mfp-content .popup_style { width: 100%; max-width: 400px; margin: 0px auto; }
#overlay_onload .left { display: block; max-width: 400px; }
#overlay_onload .left img { max-width: 400px; }
#overlay_onload .right { display: block; max-width: 400px; margin-left: 0px; margin-bottom: 0px; margin-top: 0px; }
}

@media only screen and (max-width: 414px) {
#content { padding-top: 300px; }
#video iframe { width: 100%; height: 225px; }
#retail1, #retail2, #retail3 { display: block; width: 90%; margin: 20px auto; }

#socials { float: none; width: 80%; margin: 20px auto;}
footer { height: 400px; }

#overlay_onload .left { display: block; }
#overlay_onload .right { display: block; margin-left: 0px; margin-bottom: 0px; margin-top: 0px; }

}

@media only screen and (max-width: 768px) and (max-height: 414px) {
body {font-size: 0.8em;}
h2 { font-size: 90%; }
#retail1, #retail2, #retail3 { float: none; width: 90%; margin: 20px auto; }
#socials { clear: both; float: none; width: 100%; padding-top: 0px;}
footer { height: 800px; }

}