﻿#splash { background: url(/res/img/la/splash.jpg) center/contain no-repeat; height: 51vw; position: relative; margin-top: -20px; }
    #splash > .btn-w { position: absolute; bottom: 6vw; width: 100%; }
        #splash > .btn-w > .btn { width: 230px; padding-left: 10px; padding-right: 10px; margin: 0 10px; }

#about-us { max-width: 820px; margin: 70px auto 0; text-transform: none; font-size: 22px; line-height: 1.2em; padding: 0 20px; }
    #about-us > h2 { font-weight: normal; color: #D6AF56; font-size: 34px; margin-top: 0; line-height: 1em; }
#learn-more { margin-top: 40px; }

#lines { font-family: brandon-grotesque, sans-serif; font-weight: 300; padding-top: 80px; max-width: 700px; margin: 0 auto; }
    #lines .btn-w { margin: 20px 0 }
.line.gap-1 { margin-top: 22px; }
.line.gap-2 { margin-top: 45px; }
.line.size-6.gold { font-weight: normal; }
.line.lower { text-transform: none; }
#lines > hr { margin: 50px; background: radial-gradient(#FFDC57,#B28232); border: none; height: 2px; }

.swirl { margin: 60px 0 50px; }
#swirl-9 { margin-bottom: 0; }

.person-bio { margin-top: 75px; margin-bottom: 100px; }
    .person-bio > x-bar { display: block; height: 2px; background: linear-gradient(to right, #B28232, #FFDC57,#B28232); }
    .person-bio > img { border-radius: 999px; margin: 60px 0 25px; }
    .person-bio > x-t { text-transform: none; text-align: left; display: block; font-size: 20px; margin-top: 70px; margin-bottom: 90px; font-family: muli, sans-serif; line-height: 1.5em; }

@media(min-width:768px) {
    #lines .size-1 { font-size: 24px; }
    #lines .size-2 { font-size: 28px; }
    #lines .size-3 { font-size: 32px; }
    #lines .size-4 { font-size: 36px; }
    #lines .size-5 { font-size: 40px; }
}

@media(max-width:767px) {
    #splash { /* background-image: url(/res/img/la24/splash-m.jpg); */ height: 100vw; }
        #splash > .btn-w { display: flex; justify-content: center; }
            #splash > .btn-w > .btn { padding: 8px 0px; width: 145px; margin: 0 4px; font-size: 12px; }
    #about-us { font-size: 18px; margin-bottom: 10px; }
        #about-us > h2 { font-size: 28px; }
    #lines { padding-bottom: 0; padding-top: 40px; }
        #lines > .line { line-height: 1.2em; }
        #lines .size-6 { font-size: 24px; line-height: 1em; }
        #lines .size-7 { font-size: 32px; }
        #lines .sp-1 { font-size: 16px; }
        #lines .sp-2 { font-size: 12px; }
    .swirl { margin: 40px 0 30px; }
    .person-bio > x-t { font-size: 16px; margin: 50px 0 70px; }
}
