html { scroll-behavior: smooth }
html, body { margin: 0; }
body { font-family: Muli, sans-serif; color: #11393f; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; }
.btn { background: linear-gradient(#FFE25E, #774A19); border: none; color: white; text-transform: uppercase; border-radius: 50px; padding: 14px 75px; font-size: 18px; text-decoration: none; display: inline-block; cursor: pointer; outline: none; }
    .btn:hover { opacity: .8 }
.keep-lines { white-space: pre-line; }
#top-bar { height: 92px; z-index: 10; }
    #top-bar > .logo { position: absolute; top: 38px; left: 38px; z-index: 10; }
    #top-bar > .links { margin: 0 auto; width: 70%; display: flex; height: 100%; justify-content: center; align-items: center; font-family: Copperplate; }
        #top-bar > .links > .link { color: #D6AF56; margin: 0 50px; padding: 5px; cursor: pointer; font-size: 18px; text-transform: uppercase; text-decoration: none; }
            #top-bar > .links > .link.active { color: white; cursor: default; }
#mob-menu { display: none; }
#footer { background: black; text-align: center; padding: 0 0 60px; line-height: 1.4em; }
    #footer > .address { color: white; font-size: 18px; margin-bottom: 30px; padding-top: 70px; }
        #footer > .address > .email { color: #B48432; }
    #footer > .socials { margin-bottom: 20px; }
        #footer > .socials > .social { margin: 0 10px; text-decoration: none; }
            #footer > .socials > .social > .hov, #footer > .socials > .social:hover > .reg { display: none; }
            #footer > .socials > .social:hover > .hov { display: inline; }
    #footer > .copyright { font-size: 14px; line-height: 1em; color: white; }
    #footer > .reserve-w { padding-top: 70px; }

#banner { background-size: cover; background-position: top; }
    #banner > .img-w { display: flex; align-items: center; justify-content: center; padding: 90px 0 100px; }
        #banner > .img-w > .t { max-width: 90%; }
    #banner > #reserve-info { background: black; padding: 20px 30px 70px; }
        #banner > #reserve-info > p { font-size: 20px; width: 740px; margin: 0 auto; line-height: 1.5em; letter-spacing: -.02em; max-width: 100%; color: white; }

#mob-bar { z-index: 10; display: flex; justify-content: space-between; align-items: flex-start; padding: 15px 10px; box-sizing: border-box; }
#m-hamburger { margin-top: 5px; }
#mob-menu { position: fixed; z-index: 20; background: #2D2D2D; width: 100%; height: 100%; padding-top: 30px; }
    #mob-menu > .close { margin-left: 15px; margin-bottom: 20px; }
    #mob-menu > .links > .link { border-top: solid 1px #828283; color: #D6AF56; padding: 20px 25px; text-transform: uppercase; font-size: 18px; display: block; text-decoration: none; }
        #mob-menu > .links > .link.active { color: white; }
        #mob-menu > .links > .link:last-child { border-bottom: solid 1px #828283; }

@media (min-width: 768px) and (max-width: 1299px) {
    #top-bar > .links { margin: 0 0 0 150px; width: auto; }
        #top-bar > .links > .link { margin: 0 20px; }
}

@media (min-width: 1024px) {
    #mob-bar { display: none; }
    .for-mob { display: none !important; }
}

@media (max-width: 1023px) {
    #top-bar, .for-desk { display: none !important; }
    #banner > #reserve-info > p { font-size: 14px; }
    #footer > .socials { margin-bottom: 25px; }
        #footer > .socials > .social { margin: 0 5px; }
    #footer > .address { font-size: 16px; }
}