#becoming-cap { display: flex; padding: 32px 90px 50px; align-items: center; }
    #becoming-cap > x-c { margin-left: 100px; flex: 1; }
        #becoming-cap > x-c > x-h1 { font-size: 60px; color: #F2246B; margin-bottom: 20px; }
        #becoming-cap > x-c > x-t { line-height: 2em; font-size: 18px; }
    #becoming-cap > .youtube-w-w { flex: 1; }
    #becoming-cap > x-c > f-ctrls { align-items: center; margin-top: 30px; }
        #becoming-cap > x-c > f-ctrls > .host { margin-left: 30px; text-transform: uppercase; font-size: 18px; font-weight: 900; text-decoration: underline; color: #F2246B; }


#get-started { background: #EDEEF1; text-align: center; }
    #get-started:before { background: url(/res/img/home/wave-top.png); height: 74px; display: block; content: ''; }
    #get-started:after { background: url(/res/img/home/wave-bottom.png); height: 74px; display: block; content: ''; }
    #get-started > x-c { padding: 20px; }
        #get-started > x-c > x-h1 { font-size: 72px; color: #F2246B; }
        #get-started > x-c > f-steps { justify-content: center; margin-top: 40px; }
            #get-started > x-c > f-steps > x-step { width: 350px; margin: 0 30px; }
                #get-started > x-c > f-steps > x-step > x-h1 { background: url(/res/img/home/paint-stripe.png) no-repeat; color: white; font-size: 40px; width: 225px; margin: 0 auto; height: 110px; padding-top: 20px; }
                #get-started > x-c > f-steps > x-step > x-t { font-size: 24px; line-height: 1.6em; }
        #get-started > x-c > f-ctrls { justify-content: center; margin-top: 40px; }

#testimonials { margin-top: 50px; padding: 0 60px; }
    #testimonials > x-h1 { color: #F2246B; font-size: 72px; text-align: center; }
    #testimonials > f-items { margin-top: 40px; }
    #testimonials x-w { padding: 100px 12px 0; }
    #testimonials x-i { background: #EDEEF1; border: solid 1px #CACBD5; border-radius: 20px; padding: 50px 50px 100px; height: 600px; }
        #testimonials x-i > x-t { font-size: 18px; line-height: 1.8em; margin-top: 40px; font-style: italic; max-height: 350px; overflow: auto; }
        #testimonials x-i > x-img { width: 170px; height: 170px; display: block; background-position: center; background-size: cover; border: solid 7px #9497AA; border-radius: 99px; margin: -140px auto 0; box-shadow: 0 10px 15px rgba(0,0,0,.16); }
        #testimonials x-i > x-b { border-left: solid 15px #4C5173; padding-left: 10px; margin-top: 54px; text-transform: uppercase; }
            #testimonials x-i > x-b > x-name { font-size: 24px; font-weight: bold; }
    #testimonials > .slick-slider > .arrow { position: absolute; top: 50%; cursor: pointer; }
        #testimonials > .slick-slider > .arrow.prev { left: -50px; }
        #testimonials > .slick-slider > .arrow.next { right: -50px; }

#enhance-exp { background: url(/res/img/home/student-sitting.jpg) top/cover; height: 100vh; padding: 80px 0 0px 10vw; margin-top: 50px; }
    #enhance-exp > x-h1 { color: #F2246B; font-size: 60px; max-width: 58vw; }
    #enhance-exp > ul { margin: 2% 0 2% -3%; display: block; list-style: none; padding: 0; margin-left: -68px; }
        #enhance-exp > ul > li { font-size: 30px; line-height: 1.8em; }
            #enhance-exp > ul > li > img { margin-right: 10px; vertical-align: -10px; }
            #enhance-exp > ul > li > i-check { color: #785DC8; margin-right: 10px; }
    #enhance-exp f-ctrls > .benefits { margin-left: 30px; }

#proj-life { display: flex; padding: 20px 90px 70px; border-bottom: solid 1px #DBDCE3; align-items: center; }
    #proj-life > x-c { margin-left: 70px; flex: 1; }
        #proj-life > x-c > x-h1 { color: #F2246B; font-size: 60px; }
        #proj-life > x-c > x-t { font-size: 18px; line-height: 1.8em; margin-top: 30px; }
    #proj-life > x-img { flex: 1; }
        #proj-life > x-img > img { min-width: 0; width: 100% }

#partners-w { margin-top: 50px; padding: 0 20px; }
    #partners-w > x-h1 { color: #F2246B; font-size: 48px; text-align: center; }
    #partners-w > x-items > f-items { flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 50px; }
        #partners-w > x-items > f-items > x-img { margin: 30px 40px; }

#join-swab-save { background: #EDEEF1; margin-top: 50px; }
    #join-swab-save:before { background: url(/res/img/home/wave-top.png); height: 74px; display: block; content: ''; }
    #join-swab-save:after { background: url(/res/img/home/wave-bottom.png); height: 74px; display: block; content: ''; }

    #join-swab-save > x-c { display: flex; padding: 60px 0 0px 20px; }
        #join-swab-save > x-c > img { margin-left: auto; width: 45vw; height: 68vw; }
        #join-swab-save > x-c > x-l { margin-left: auto; width: 740px; font-size: 18px; padding-left: 100px; line-height: 1.8em; }
            #join-swab-save > x-c > x-l > x-h1 { color: #F2246B; font-size: 60px; margin-bottom: 20px; }
            #join-swab-save > x-c > x-l > x-quote { margin: 30px 0 30px -100px; display: block; }
                #join-swab-save > x-c > x-l > x-quote > x-t { font-family: "Shadows Into Light", cursive; font-size: 36px; line-height: 1.3em; }

                #join-swab-save > x-c > x-l > x-quote > x-b { border-left: solid 15px #4C5173; padding-left: 10px; margin-top: 25px; text-transform: uppercase; }
                    #join-swab-save > x-c > x-l > x-quote > x-b > x-name { font-size: 24px; font-weight: bold; }
            #join-swab-save > x-c > x-l > f-ctrls { margin-top: 40px; }

#stats { display: flex; justify-content: center; margin: 60px 0 40px; }
    #stats > x-stat { text-align: center; width: min-content; margin: 0 70px; }
        #stats > x-stat > x-img { height: 80px; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; }
        #stats > x-stat > x-num { color: #4c5173; font-size: 48px; font-weight: bold; }
        #stats > x-stat > x-t { font-size: 24px; text-transform: uppercase; font-weight: bold; }

#host-instead { display: flex; align-items: flex-end; padding: 0 50px; }
    #host-instead > x-c { margin-left: 60px; padding-bottom: 40px; }
        #host-instead > x-c > x-h1 { color: #F2246B; font-size: 60px; }
        #host-instead > x-c > x-t { font-size: 24px; margin-top: 30px; margin-bottom: 30px; }

@media (max-width:1439px) {
    #becoming-cap > x-c { margin-left: 50px; }
        #becoming-cap > x-c > f-ctrls > .host { font-size: 14px; }
    #stats > x-stat { margin: 0 35px; }
    #testimonials x-i { padding: 50px 20px 50px; }
    #testimonials > x-h1 { font-size: 36px; }
    #testimonials x-i > x-b > x-name { font-size: 18px }
    #testimonials x-i > x-b > x-position { font-size: 14px }
    #enhance-exp > ul > li { font-size: 22px; }
    #proj-life > x-c > x-h1 { font-size: 48px; }
}

@media(max-width:1023px) {
    #banner { background-image: url(/res/img/home/banner-mob.jpg) }
    #becoming-cap { display: block; padding: 20px; }
        #becoming-cap > x-c { margin: 20px 0; text-align: center; }
            #becoming-cap > x-c > x-h1 { font-size: 36px; }
            #becoming-cap > x-c > f-ctrls { flex-direction: column; }
                #becoming-cap > x-c > f-ctrls > .host { margin: 30px 0 0; }

    #get-started > x-c > x-h1 { font-size: 36px; }
    #get-started > x-c > f-steps { flex-direction: column; }
        #get-started > x-c > f-steps > x-step { margin: 20px 0; width: 300px; }
            #get-started > x-c > f-steps > x-step > x-t { font-size: 16px; }

    #enhance-exp { padding: 80px 0 0px 100px; }
        #enhance-exp > x-h1 { font-size: 36px; }
        #enhance-exp > ul > li { font-size: 20px; }

    #proj-life { flex-direction: column; justify-content: flex-start; }
        #proj-life > x-c { margin: 40px 0; }
            #proj-life > x-c > x-h1 { font-size: 36px; text-align: center; }

    #partners-w > x-h1 { font-size: 36px; }

    #join-swab-save > x-c > img { display: none; }
    #join-swab-save > x-c > x-l { padding: 0; margin: 0; }
    #join-swab-save > x-c { background: url(/res/img/home/m-join-swab-save.jpg) top no-repeat; mix-blend-mode: multiply; padding: 180px 20px 0; text-align: center; }
        #join-swab-save > x-c > x-l > f-ctrls { justify-content: center; }
        #join-swab-save > x-c > x-l > x-quote { margin-left: 0; }

    #stats { flex-direction: column; align-items: center; margin: 0; }
        #stats > x-stat { margin: 25px; }

    #host-instead { flex-direction: column; align-items: center; text-align: center; margin-top: 40px; }
        #host-instead > img { order: 2; max-width: 90%; }
        #host-instead > x-c { margin: 0; }
            #host-instead > x-c > x-h1 { font-size: 36px; }
            #host-instead > x-c > x-t { }
            #host-instead > x-c > f-ctrls { justify-content: center; }
}

@media(max-width:767px) {
    #testimonials x-i { background: none; border: none; padding: 50px 0 0; }

    #enhance-exp { padding: 0 20px 150vw; background: url(/res/img/home/m-student-sitting.jpg) bottom / 100% no-repeat; height: auto; margin: 30px 0 0; }
        #enhance-exp > x-h1 { text-align: center; max-width: none; }
        #enhance-exp > ul { margin: 20px 0 0; }
        #enhance-exp > f-ctrls { flex-direction: column; margin-top: 30px; text-align: center; }
        #enhance-exp f-ctrls > .benefits { margin: 20px 0 0 0; }
        #enhance-exp > f-ctrls > a { width: 200px; }

    #proj-life { padding: 20px; }

    #partners-w > x-items { overflow: auto; }
        #partners-w > x-items > f-items { flex-wrap: nowrap; justify-content: flex-start; margin-top: 0; }
            #partners-w > x-items > f-items > x-img { margin: 10px 15px; }

    #join-swab-save > x-c > x-l > x-h1 { font-size: 36px; }
    #join-swab-save > x-c > x-l > x-quote > x-t { font-size: 26px; }
    #join-swab-save > x-c > x-l > x-quote > x-b { text-align: left; }
        #join-swab-save > x-c > x-l > x-quote > x-b > x-name { font-size: 20px; }
        #join-swab-save > x-c > x-l > x-quote > x-b > x-position { font-size: 16px; line-height: 1em; display: block; }

    #host-instead > x-c > x-t { font-size: 18px; line-height: 1.5em; }
}