body, html { padding: 0px; margin: 0px; width: 100%; height: 100%; }

.wrap .top { background-image: url(../img/orange-top.jpg); background-size: cover; background-repeat: no-repeat; min-height: 54vw; position: relative; }
.wrap .top .center { display: none; width: 50%; height: 10px; border-right: 2px solid black; background-color: black; }
.wrap .top .menu-text { font-family: "magielblack"; color: #fff7de; font-size: 3vw; position: relative; display: inline-block; }
.wrap .top .menu-text .text { color: white; position: relative; top: 20px; left: 0px; }
.wrap .top .menu { display: flex; justify-content: space-between; align-items: center; padding-top: 1.5vw; position: fixed; z-index: 2; width: 96vw; margin-left: 2vw; }
.wrap .top .menu a { text-decoration: none; }
.wrap .top .menu .logo { display: block; }
.wrap .top .menu .logo a { font-family: "cadiz_trailbold"; color: white; }
.wrap .top .menu .logo .LAHS { margin-left: -6.5vw; height: 4.5vw; display: block; }
@media (min-width: 768px) { .wrap .top .menu .logo .LAHS { height: 4.5vw; } }
.wrap .top .cowboy { height: 7vw; padding-left: 2vw; position: absolute; z-index: 2; top: 9vw; position: fixed; }
.wrap .top .embed { padding: 9vw 0; display: flex; justify-content: center; outline: px solid black; }
.wrap .top .embed img { width: 68vw; }
.wrap .top .embed img:hover { cursor: pointer; }
.wrap .top .embed iframe { width: 68vw; height: 40vw; }
.wrap .top .stamp-left { position: absolute; left: 10px; width: 12vw; mix-blend-mode: multiply; }
.wrap .top .side-shape-top { position: absolute; top: 8vw; right: 10px; height: 81%; }
@media (min-width: 768px) { .wrap .top .side-shape-top { right: 25px; } }
.wrap .top .footer { display: flex; justify-content: center; position: fixed; bottom: 12px; width: 100vw; z-index: 2; }
.wrap .top .footer .links-desktop { display: none; }
.wrap .top .footer .links-desktop a { margin-right: 8px; color: white; }
@media (min-width: 768px) { .wrap .top .footer .links-desktop { display: block; } }
.wrap .top .footer .links-mobile { display: block; }
.wrap .top .footer .links-mobile a { margin-right: 8px; color: white; }
@media (min-width: 768px) { .wrap .top .footer .links-mobile { display: none; } }
.wrap .top .mexican-summer img { width: calc(16px * $ratio); height: 16px; }
@media (min-width: 768px) { .wrap .top .mexican-summer img { height: 30.52px; width: 40.91px; } }
.wrap .top .october { position: absolute; bottom: 0; left: 2vw; }
.wrap .bottom { background-image: url(../img/yellow-bottom.jpg); background-size: cover; background-repeat: no-repeat; min-height: 61vw; position: relative; }
.wrap .bottom a { text-decoration: none; }
.wrap .bottom a .tour { visibility: hidden; color: black; position: absolute; top: 35vw; right: 9.8vw; font-family: "brush_scriptregular"; border: 2px solid black; border-radius: 5px; font-size: 2vw; display: inline-block; padding: 0.5vw 8.2vw; }
.wrap .bottom a .tour:hover { color: #f1593c; border: 1px solid #f1593c; }
@media (min-width: 768px) { .wrap .bottom a .tour:hover { border: 2px solid #f1593c; } }
@media (min-width: 768px) { .wrap .bottom a .tour { border: 2px solid black; visibility: visible; } }
.wrap .bottom .side-shape-bottom { position: absolute; top: -2vw; right: 10px; height: 81%; }
@media (min-width: 768px) { .wrap .bottom .side-shape-bottom { right: 25px; } }
.wrap .bottom .side-shape-bottom-extension { position: absolute; bottom: 1.3vw; right: 10px; height: 19%; }
@media (min-width: 768px) { .wrap .bottom .side-shape-bottom-extension { right: 25px; } }
.wrap .bottom .stamp-right { position: absolute; right: 10%; width: 11vw; }
.wrap .bottom .cover { margin-left: 23vw; margin-top: 5vw; margin-bottom: 3vw; height: 53vw; }
@media (min-width: 768px) { .wrap .bottom .cover { margin-left: 16vw; margin-top: 9vw; margin-bottom: 3vw; height: 45vw; } }
.wrap .bottom .preorder-right { display: none; }
@media (min-width: 768px) { .wrap .bottom .preorder-right { display: flex; position: absolute; top: 34%; right: 10.3vw; } }
.wrap .bottom .preorder-right .stamp { height: 13vw; }
.wrap .bottom .preorder-right .links { margin-left: 2vw; }
.wrap .bottom .preorder-right .links .link { width: 15vw; padding: 0.59vw 0.54vw 0; font-size: 1.5vw; font-family: "cadiz_trailbold"; color: black; text-decoration: none; text-transform: uppercase; display: block; border-bottom: 1px solid black; }
.wrap .bottom .preorder-right .links .link:hover { text-decoration: none; color: #f1593c; }
@media (min-width: 768px) { .wrap .bottom .preorder-right .links .link { width: 11vw; } }
.wrap .bottom a.preorder-link { position: absolute; top: 23vw; left: 7.3vw; }
.wrap .bottom a.preorder-link img { width: 18vw; mix-blend-mode: darken; }
@media (min-width: 768px) { .wrap .bottom a.preorder-link { position: absolute; top: 23vw; left: 0.3vw; } }
.wrap .mobile-extension { background-image: url(../img/yellow-bottom.jpg); background-size: cover; background-repeat: no-repeat; min-height: 61vw; max-height: 100vw; position: relative; }
@media (min-width: 768px) { .wrap .mobile-extension { display: none; } }
.wrap .mobile-extension .side-shape-bottom { position: absolute; top: 1vw; right: 10px; height: 81%; }
@media (min-width: 768px) { .wrap .mobile-extension .side-shape-bottom { right: 25px; } }
.wrap .mobile-extension .side-shape-bottom-extension { position: absolute; bottom: 1.3vw; right: 10px; height: 21%; }
@media (min-width: 768px) { .wrap .mobile-extension .side-shape-bottom-extension { right: 25px; } }
.wrap .mobile-extension .stamp-right { position: absolute; top: 45%; right: 12%; width: 12vw; }
.wrap .mobile-extension .stamp-left { position: absolute; top: -10%; left: 10px; width: 12vw; mix-blend-mode: multiply; }
.wrap .mobile-extension .preorder { display: flex; justify-content: center; padding-top: 14vw; }
.wrap .mobile-extension .preorder .stamp { height: 22vw; }
.wrap .mobile-extension .preorder .links { margin-left: 2vw; margin-right: 2.9vw; }
.wrap .mobile-extension .preorder .links .link { width: 20vw; padding: 0.59vw 0.54vw 0; font-size: 3vw; font-family: "cadiz_trailbold"; color: black; text-decoration: none; text-transform: uppercase; display: block; border-bottom: 1px solid black; }
.wrap .mobile-extension .preorder .links .link:hover { text-decoration: none; color: #f1593c; }
.wrap .mobile-extension a { text-decoration: none; }
.wrap .mobile-extension a .tour { visibility: visible; color: black; position: absolute; top: 39vw; left: 27.5vw; font-family: "brush_scriptregular"; border: 2px solid black; border-radius: 5px; font-size: 3.5vw; display: inline-block; padding: 0.5vw 13.3vw; }
.wrap .mobile-extension a .tour:hover { color: #f1593c; border: 1px solid #f1593c; }
@media (min-width: 768px) { .wrap .mobile-extension a .tour:hover { border: 2px solid #f1593c; } }
@media (min-width: 768px) { .wrap .mobile-extension a .tour { border: 2px solid black; visibility: hidden; } }

@font-face { font-family: 'brush_scriptregular'; src: url("../../fonts/brushscript-webfont.woff2") format("woff2"), url("../../fonts/brushscript-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'cadiz_trailbold'; src: url("../../fonts/cadiz_bold_trail-webfont.woff2") format("woff2"), url("../../fonts/cadiz_bold_trail-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'magielblack'; src: url("../../fonts/magiel-black-webfont.woff2") format("woff2"), url("../../fonts/magiel-black-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

/*# sourceMappingURL=style.min.css.map */