@font-face { font-family: 'Akzidenz-Grotesque'; src: url('BertholdAkzidenzGroteskMediumCondensed.otf') format('opentype'); }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, body { border: 0; margin: 0; height: 100%; min-height: 750px; }
body { color: white; font: 13px/1.231 arial, helvetica, sans-serif; background: #f5f5f5; overflow-x: hidden; }
.mobHolder { overflow-x: hidden; position: relative; width: 100%; height: 100% }
#page, #wrapper { position: relative; height: 100%; z-index: 2; }
#bg-img, #bg-img li  { position: absolute; padding: 0; margin: 0; height: 100%; left: 0; top: 0; width: 100%; }
#bg-img li { background-size: cover; opacity: 0; -webkit-transition: opacity .5s linear; -o-transition: opacity .5s linear; transition: opacity .5s linear; }
#bg-img li.active { opacity: 1; }
#wrapper { width: 385px; margin-left: 150px; min-height: 750px; }
p, input { font-size: .9rem; font-weight: lighter; }
input[type="email"]::placeholder { color: #ccc; }
p { margin: 1rem 0; line-height: 1.5; }
h2 { font-size: 3rem; margin: 0; }
form { height: auto; font-size: 0; margin-top: 1.5rem; }
input { height: 55px; border: none; vertical-align: top; padding: 0 1.2rem; display: inline; width: 60%; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="submit"] { margin: 0; font-size: 1.2rem; color: white; width: 40%; padding: 0; letter-spacing: .5px; }
.akz { font-family: 'Akzidenz-Grotesque', sans-serif; font-weight: lighter; }
.gold { color: #ce8c00; }
.bg-gold { background-color: #ce8c00; }
.blue { color: #12162f; }
.bg-blue { background-color: #12162f; position: absolute; width: 100%; }
.bg-blue:first-child { top: 0; text-align: center; padding-top: 5.4rem; }
.bg-blue:first-child img { width: 60%; margin-bottom: 2.4rem; }
.bg-blue:last-child { bottom: 0; padding: 3rem 2rem 4rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Privacy policy styles */
.privacy-policy { position: absolute; z-index: 3; top: 0; right: -600px; width: 600px; max-width: 100%; color: white; overflow-y: scroll; height: 100%; padding: 4rem 2rem 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: right .2s ease-out; -o-transition: right .2s ease-out; transition: right .2s ease-out; }
.privacy-policy.active {right: 0;}
.content ul { list-style: none; padding: 0; }
.content li { margin-bottom: 2rem; }
.content h2 { font-family: 'Akzidenz-Grotesque'; text-transform: uppercase; font-size: 1.5rem; text-align: left; }
.close { position: fixed; z-index: 5; top: 2rem; right: -100%; transition: right .2s ease-out; }
.active .close { right: 3rem; }
.content p { font-size: .9rem; }
.content a { color: #ce8c00; }
label { font-size: .7rem; display: inline-block; width: 85%; height: 30px; padding-left: 5px; }
input[type="submit"], input[type="email"] { -webkit-appearance: none; border-radius: 0; }
input[type="checkbox"] { width: 30px; height: 30px; vertical-align: bottom; display: inline-block; margin: 1rem 6px 0 0; background: white; color: black; padding: 0; }
label span { display: inline-block; text-decoration: underline; font-weight: bold; }
strong { font-family: 'Akzidenz-Grotesque'; font-size: 1rem; letter-spacing: 1px; }
@media screen and (max-width: 880px) { #wrapper { margin-left: 75px; } }
@media screen and (max-width: 600px) { #wrapper { margin-left: 50px; } }
@media screen and (max-width: 460px) { #wrapper { margin-left: auto; margin-right: auto; width: 90%; } body, html, #wrapper { min-height: 600px; } .bg-blue:first-child { padding-top: 3.4rem; } .bg-blue:last-child { padding: 2rem 2rem 3rem; } input:not([type="checkbox"]) { width: 60%; } input[type="submit"] { width: 40%; } label { vertical-align: bottom; width: 75%; } }