﻿#splash { background: url(/res/img/mm/splash.png) top/70vw no-repeat; margin: 10px 0 100px; padding-top: 31vw; padding-bottom: 7vw; }
    #splash > .btn-w > a:first-child { margin-right: 10px; }
#lines { font-family: brandon-grotesque, sans-serif; }
    #lines .gap-1 { margin-top: 70px; }
    #lines .swirl { margin: 80px 0 70px; }
    #lines .line { line-height: 1.4em; }
        #lines .line.size-1 { font-size: 24px; text-transform: none }
        #lines .line.size-2 { font-size: 28px; }
        #lines .line.size-3 { font-size: 36px; }
        #lines .line.size-4 { font-size: 40px; }
        #lines .line.size-5 { font-size: 44px; }
#about-us { margin: 0 auto 60px; max-width: 820px; font-size: 20px; padding: 0 20px; }
    #about-us > h2 { color: #F15825; }

@media(max-width:1023px) {
    #splash { margin: 0 0 40px; padding-top: 39vw; padding-bottom: 10vw; background-size: 95% auto;  }
        #splash > .btn-w > a { font-size: 11px; padding: 8px 15px; }

    #lines { margin-bottom: 0; padding: 0 20px 30px; }
        #lines .gap-1 { margin-top: 35px; }
        #lines .swirl { margin: 40px 0 35px; }
        #lines .line { line-height: 1.3em; }
            #lines .line.size-1 { font-size: 12px; }
            #lines .line.size-2 { font-size: 14px; }
            #lines .line.size-3 { font-size: 18px; }
            #lines .line.size-4 { font-size: 20px; }
            #lines .line.size-5 { font-size: 21px; }
    #about-us { margin-bottom: 0; font-size: 18px; }
        #about-us > h2 { font-size: 24px; }
}
