#banner { background-image: url(/res/img/benefits/banner.jpg); }
    #banner > x-c > f-ctrls { align-items: center; }
        #banner > x-c > f-ctrls > .learn { font-size: 20px; font-weight: 900; text-transform: uppercase; margin-left: 50px; border-bottom: solid 2px; color: white; text-decoration: none;}

#video-quotes { display: flex; padding: 30px 90px; align-items: flex-start; position: relative; }
    #video-quotes > x-videos { flex: 1; }
    #video-quotes > x-quotes { flex: 1; margin-left: 70px; }
    #video-quotes x-quote:not(.active), #video-quotes .youtube-w:not(.active) { display: none; }

f-thumbs { display: flex; margin-top: 20px; }
    f-thumbs > x-img { height: 7vw; flex: 1; background-size: cover; background-position: center; cursor: pointer; }
        f-thumbs > x-img:not(:last-child) { margin-right: 20px; }
        f-thumbs > x-img.active { border: solid 5px #F2246B; }

#video-quotes > x-quotes > x-quote > x-t { font-size: 36px; font-family: "Shadows Into Light", cursive; line-height: 1.4em; }
#video-quotes > x-quotes > x-quote > x-b { border-left: solid 15px #4C5173; padding-left: 10px; margin-top: 25px; text-transform: uppercase; }
    #video-quotes > x-quotes > x-quote > x-b > x-name { font-size: 24px; font-weight: bold; }

#building { height: 40vw; background: url(/res/img/benefits/bg-building.jpg) center/cover; margin-top: -120px; }

#great-org { display: flex; padding: 60px 90px 0; }
    #great-org > x-c { flex: 5; position: relative; }
        #great-org > x-c > x-h1 { color: #F2246B; font-size: 60px; margin-bottom: 20px; }
    #great-org > x-img { flex: 4; min-width: 0; margin-left: -100px; }
        #great-org > x-img > img { width: 100%; }
    #great-org > x-c > x-t { font-size: 18px; line-height: 1.8em; }
    #great-org > x-c > f-ctrls { margin-top: 20px; }
        #great-org > x-c > f-ctrls > a { color: #F2246B; font-weight: 900; }

#rocket { height: 49vw; background: url(/res/img/benefits/bg-rocket.jpg) top/cover; padding: 150px 0 0 700px; }
    #rocket > x-c > x-h1 { color: #F2246B; font-size: 72px; }
    #rocket > x-c > x-t { display: flex; font-size: 30px; line-height: 1.6em; color: #1E202E; margin-bottom: 20px; }
    #rocket ul, #requirements ul { list-style: none; padding: 0; }
    #rocket li, #requirements li { background: url(/res/img/check-pink.png) no-repeat 0 0; line-height: 1.2em; padding: 10px 0 10px 60px; }
    #rocket ul { margin-right: 40px; }

#cap-group-table { height: 69vw; background: url(/res/img/benefits/cap-group-table.jpg) center/cover; }

#requirements { margin-top: 70px; padding: 0 90px 30px; }
    #requirements > x-h1 { color: #F2246B; font-size: 72px; text-align: center; }
    #requirements > x-c { display: flex; align-items: center; }
        #requirements > x-c > x-t { flex: 1; }
            #requirements > x-c > x-t > img { }
        #requirements > x-c > x-img { flex: 1; }
            #requirements > x-c > x-img > img { width: 100%; }
        #requirements > x-c > x-t > x-h2 { font-size: 36px; font-weight: bold; }
    #requirements ul { font-size: 24px; line-height: 1.8em; }

@media(max-width:1549px) {
    #rocket { margin-top: 20px; }
        #rocket > x-c > x-h1 { font-size: 60px; }
}
@media(max-width:1439px) {
    #rocket { padding: 150px 20px 0 340px; }
        #rocket > x-c > x-t { font-size: 24px; }
}

@media(max-width:1023px) {
    #banner > x-c > f-ctrls { flex-direction: column; }
        #banner > x-c > f-ctrls > .learn { margin: 20px 0; color: #F2246B; font-size: 16px; }

    #video-quotes { flex-direction: column; padding: 20px; align-items: stretch; }
        #video-quotes > x-quotes { margin: 20px 0 0; }
            #video-quotes > x-quotes > x-quote > x-t { font-size: 24px; }

        #video-quotes f-thumbs > x-img { height: 15vw; }

    #building { margin: 0; height: 80vw; }

    #great-org { flex-direction: column; padding: 20px; }
        #great-org > x-c > x-h1 { font-size: 36px; text-align:center;}
        #great-org > x-img { margin: 0; }

    #rocket { padding: 161vw 20px 0; background-size: auto 161vw; background-position: top left; height: auto; background-repeat: no-repeat; }
        #rocket > x-c > x-h1 { font-size: 36px; text-align: center; }
        #rocket > x-c > x-t { flex-direction: column; font-size: 18px; margin: 20px auto 10px; line-height: 2em; width: 300px; }
            #rocket > x-c > x-t > ul { margin: 0; }
        #rocket > x-c > f-ctrls { justify-content: center; }

    #requirements { margin-top: 30px; padding: 20px 20px 60px; }
        #requirements > x-h1 { font-size: 36px; }
        #requirements > x-c { flex-direction: column; margin-top: 20px; }
            #requirements > x-c > x-t { order: 2; }
                #requirements > x-c > x-t > x-h2 { font-size: 18px; text-align: center; margin: 20px auto 0; width: 200px; }
                #requirements > x-c > x-t > f-ctrls { justify-content: center; }
        #requirements ul { font-size: 18px; line-height: 1em; }
            #requirements ul > li { padding-top: 10px; padding-bottom: 10px; }
}

@media(max-width:767px) {
    #banner { background-image: url(/res/img/benefits/m-banner.jpg); background-size: 100%; }
}

@media(max-width:1499px) {
    #video-quotes > x-quotes { height: 530px; }
}
@media(max-width:1309px) {
    #video-quotes > x-quotes { height: 730px; }
}