body { background: black; color: white; text-align: center; }

#lines .size-1 { font-size: 24px; }
#lines .size-2 { font-size: 28px; }
#lines .size-3 { font-size: 30px; }
#lines .size-4 { font-size: 32px; }
#lines .size-5 { font-size: 35px; }
#lines .size-6 { font-size: 40px; line-height: 1em; }

#splash-mob { height: 360px; background-position: center -30px; margin: 0 auto; width: 100%; background-repeat: no-repeat; }

#learn-more { margin-top: 60px; }

#lines { font-family: Copperplate; text-transform: uppercase; }
    #lines .gold { color: #D6AF56; }
    #lines .orange { color: #F15825; }
    #lines .gap { height: 50px; }
    #lines .lower { text-transform: none; }

h3.with-swirl { display: flex; justify-content: center; align-items: center; color: #D6AF56; margin: 0 0 10px; }
    h3.with-swirl > span { margin: 0 20px; font-weight: 400; }
    h3.with-swirl:before { content: ''; background-image: url(/res/img/swirl-l@2x.png); background-size: contain; width: 160px; height: 35px; background-repeat: no-repeat; background-position: center; }
    h3.with-swirl:after { content: ''; background-image: url(/res/img/swirl-r@2x.png); background-size: contain; width: 160px; height: 35px; background-repeat: no-repeat; background-position: center; }

#footer > .reserve-w { }

@media (max-width:1799px) {
}

@media (min-width:768px) {
    #swirl-0 { display: none; }
}

@media (max-width:767px) {

    #learn-more { margin-top: 20px; margin-bottom: 40px; }
    .btn { font-size: 14px; padding: 12px 60px; }

    .swirl { width: 110px; }

    #footer > .address { font-size: 12px; line-height: 1.2em; }
    #footer > .copyright { font-size: 10px; }

    #lines { padding: 0 20px 60px; }
        #lines .size-1 { font-size: 18px; }
        #lines .size-2 { font-size: 21px; }
        #lines .size-3 { font-size: 22px; }
        #lines .size-4 { font-size: 24px; }
        #lines .size-5 { font-size: 26px; }
        #lines .size-6 { font-size: 30px; }
        #lines > .line { line-height: 1em; }

    h3.with-swirl { line-height: 1em; }
}