/* ===================================
    Bazooka Pledge Page
====================================== */

/* hero */
#pledge-hero {
    background-image: url(/img/bkgd-pledge-hero.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 150px;
    padding-bottom: 75px;
}

    #pledge-hero h1 {
        font-size: 225px;
        line-height: .8;
        font-weight: 500;
    }

    #pledge-hero h3 {
        font-size: 127px;
        line-height: .8;
        font-weight: 500;
    }

    #pledge-hero h5 {
        font-size: 32px;
        line-height: 2;
        font-weight: 600;
    }

@media (max-width: 1199px) {
    #pledge-hero {
        padding-top: 120px;
        padding-bottom: 50px;
    }

        #pledge-hero h1 {
            font-size: 200px;
        }

        #pledge-hero h3 {
            font-size: 113px;
        }

        #pledge-hero h5 {
            font-size: 30px;
        }
}

@media (max-width: 991px) {
    #pledge-hero {
        padding-top: 110px;
        padding-bottom: 40px;
    }

        #pledge-hero h1 {
            font-size: 160px;
        }

        #pledge-hero h3 {
            font-size: 91px;
        }

        #pledge-hero h5 {
            font-size: 24px;
        }
}

@media (max-width: 767px) {
    #pledge-hero {
        padding-top: 100px;
    }

        #pledge-hero h1 {
            font-size: 120px;
        }

        #pledge-hero h3 {
            font-size: 68px;
        }

        #pledge-hero h5 {
            font-size: 18px;
        }
}

@media (max-width: 575px) {
    #pledge-hero {
        padding-top: 85px;
    }

        #pledge-hero h1 {
            font-size: 100px;
        }

        #pledge-hero h3 {
            font-size: 57px;
        }

        #pledge-hero h5 {
            font-size: 15px;
        }
}

@media (max-width: 449px) {
    #pledge-hero {
        padding-top: 75px;
    }

        #pledge-hero h1 {
            font-size: 80px;
            line-height: .7;
        }

        #pledge-hero h3 {
            font-size: 45px;
            line-height: .7;
        }

        #pledge-hero h5 {
            font-size: 12px;
        }
}

/* our-commitment */
#our-commitment {
    background-image: url(/img/bkgd-our-commitment.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 75px;
    padding-bottom: 25px;
}

    #our-commitment h2 {
        font-size: 82px;
        line-height: 1;
    }

    #our-commitment p {
        font-size: 28px;
        line-height: 1.3;
        font-weight: 400;
        padding: 25px 175px 35px 175px;
    }

    #our-commitment .commitment-square {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 400px;
        padding: 20px;
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        text-align: center;
    }

        #our-commitment .commitment-square.personalized-consultation {
            background-image: url(/img/personal-consultation.jpg);
        }

        #our-commitment .commitment-square.expert-barber-services {
            background-image: url(/img/expert-barber-services.jpg);
        }

        #our-commitment .commitment-square.tailored-product-recommendations {
            background-image: url(/img/tailored-product-recommendations.jpg);
        }

            #our-commitment .commitment-square.tailored-product-recommendations h4 {
                font-size: 38px !important;
                line-height: .9;
            }

        #our-commitment .commitment-square.comfort {
            background-image: url(/img/comfort.jpg);
        }

        #our-commitment .commitment-square.convenience {
            background-image: url(/img/convenience.jpg);
        }

        #our-commitment .commitment-square h4 {
            margin: 0;
            font-size: 44px;
            line-height: .8;
            color: var(--main-off-white);
            font-family: var(--secondary-font);
            text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
        }

        #our-commitment .commitment-square p {
            position: absolute;
            bottom: 20px;
            left: 0;
            right: 0;
            margin: 0;
            font-size: 20px;
            line-height: 1;
            color: var(--main-off-white);
            font-family: var(--primary-font);
            padding: 0px;
            text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
        }

@media (max-width: 1399px) {
    #our-commitment h2 {
        font-size: 76px;
    }

    #our-commitment p {
        font-size: 26px;
        padding: 20px 120px 35px 120px;
    }

    #our-commitment .commitment-square {
        height: 350px;
    }

        #our-commitment .commitment-square h4 {
            font-size: 36px;
            line-height: .85;
        }

        #our-commitment .commitment-square.tailored-product-recommendations h4 {
            font-size: 32px !important;
            line-height: .95;
        }

        #our-commitment .commitment-square p {
            font-size: 18px;
            /* line-height: 1; DUPLICATE - already set in base styles */
        }
}

@media (max-width: 1199px) {
    #our-commitment h2 {
        font-size: 65px;
    }

    #our-commitment p {
        font-size: 23px;
        padding: 20px 75px 35px 75px;
    }

    #our-commitment .commitment-square {
        height: 300px;
    }

        #our-commitment .commitment-square h4 {
            font-size: 30px;
            line-height: .85;
        }

        #our-commitment .commitment-square.tailored-product-recommendations h4 {
            font-size: 27px !important;
            line-height: .95;
        }

        #our-commitment .commitment-square p {
            font-size: 15px;
            /* line-height: 1; DUPLICATE - already set in base styles */
        }
}

@media (max-width: 991px) {
    #our-commitment h2 {
        font-size: 50px;
    }

    #our-commitment p {
        font-size: 17px;
        padding: 15px 60px 30px 60px;
    }

    #our-commitment .commitment-square {
        height: 325px;
    }

        #our-commitment .commitment-square h4 {
            font-size: 35px;
            line-height: .85;
        }

        #our-commitment .commitment-square.tailored-product-recommendations h4 {
            font-size: 30px !important;
            line-height: .95;
        }

        #our-commitment .commitment-square p {
            font-size: 16px;
            /* line-height: 1; DUPLICATE - already set in base styles */
        }
}

@media (max-width: 767px) {
    #our-commitment {
        padding-top: 50px;
        padding-bottom: 20px;
    }

        #our-commitment h2 {
            font-size: 38px;
        }

        #our-commitment p {
            font-size: 14px;
            padding: 15px 20px 30px 20px;
        }

        #our-commitment .commitment-square {
            height: 325px; /* DUPLICATE - same as 991px and 575px */
        }

            #our-commitment .commitment-square h4 {
                font-size: 32px;
                line-height: .85;
            }

            #our-commitment .commitment-square.tailored-product-recommendations h4 {
                font-size: 32px !important;
                line-height: .85; /* Changed from .95, could consolidate */
            }

            #our-commitment .commitment-square p {
                font-size: 16px;
                /* line-height: 1; DUPLICATE - already set in base styles */
            }
}

@media (max-width: 575px) {
    #our-commitment h2 {
        font-size: 34px;
    }

    #our-commitment p {
        font-size: 12px;
        padding: 10px 15px 25px 15px;
    }

    /* #our-commitment .commitment-square { height: 325px; } DUPLICATE - same as 767px, can be removed */

    #our-commitment .commitment-square h4 {
        font-size: 30px;
        line-height: .85;
    }

    #our-commitment .commitment-square.tailored-product-recommendations h4 {
        font-size: 30px !important;
        line-height: .85; /* Now matches h4, could consolidate */
    }

    #our-commitment .commitment-square p {
        font-size: 14px;
        /* line-height: 1; DUPLICATE - already set in base styles */
    }
}

/* our-standards */
#our-standards {
    background-color: var(--bkgd-off-white) !important;
    padding: 5px 0px;
}

    #our-standards .os-text {
        padding: 25px 0px;
        font-size: 55px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

        #our-standards .os-text img {
            height: 85%;
            vertical-align: middle;
            margin: 0px 10px 4px 10px;
        }

@media (max-width: 1399px) {
    #our-standards .os-text {
        font-size: 50px;
    }
}

@media (max-width: 1199px) {
    #our-standards .os-text {
        font-size: 45px;
    }

        #our-standards .os-text img {
            height: 65%;
        }
}

@media (max-width: 991px) {
    #our-standards .os-text {
        font-size: 40px;
    }

        #our-standards .os-text img {
            height: 60%;
        }
}

@media (max-width: 767px) {
    #our-standards .os-text {
        font-size: 35px;
    }

        #our-standards .os-text img {
            height: 55%;
        }
}

@media (max-width: 575px) {
    #our-standards .os-text {
        font-size: 30px;
    }

        #our-standards .os-text img {
            height: 50%;
        }
}

@media (max-width: 449px) {
    #our-standards .os-text {
        font-size: 25px;
    }

        #our-standards .os-text img {
            height: 55%;
        }
}

/* guarantee */
#guarantee {
    background-image: url(/img/bkgd-red-flag.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    color: var(--main-off-white);
    padding: 50px 0px;
}

    #guarantee .container {
        position: relative;
    }

    #guarantee .row:not(:last-child) {
        margin-bottom: 100px;
    }

    #guarantee h2 {
        font-family: var(--secondary-font);
        font-size: 95px;
        line-height: .8;
        margin-bottom: 0px;
    }

    #guarantee p {
        font-family: var(--primary-font);
        font-size: 32px;
        line-height: 1.2;
        font-weight: 500;
        margin-top: 0px;
    }

        #guarantee p.why-text {
            margin-top: 20px;
        }

    #guarantee ul {
        font-family: var(--primary-font);
        font-size: 32px;
        line-height: 1.2;
        font-weight: 500;
        margin: 20px 65px 0px 65px;
    }

    #guarantee #arrow1 {
        width: 250px;
        position: absolute;
        top: 350px;
        left: 25px;
    }

    #guarantee #arrow2 {
        width: 75px;
        position: absolute;
        top: 760px;
        right: 50px;
    }

@media (max-width: 1399px) {
    #guarantee h2 {
        font-size: 82px;
    }

    #guarantee p {
        font-size: 25px;
    }

    #guarantee ul {
        font-size: 25px;
        margin: 20px 70px 0px 70px;
    }

    #guarantee #arrow1 {
        width: 200px;
        top: 285px;
    }

    #guarantee #arrow2 {
        width: 65px;
        top: 610px;
        right: 60px;
    }
}

@media (max-width: 1199px) {
    #guarantee .row:not(:last-child) {
        margin-bottom: 75px;
    }

    #guarantee h2 {
        font-size: 68px;
    }

    #guarantee p {
        font-size: 20px;
    }

        #guarantee p.why-text {
            margin-top: 10px;
        }

    #guarantee ul {
        font-size: 20px;
        margin: 10px 70px 0px 70px;
    }

    #guarantee #arrow1 {
        width: 150px;
        top: 235px;
    }

    #guarantee #arrow2 {
        width: 50px;
        top: 495px;
        right: 55px;
    }
}

@media (max-width: 991px) {
    #guarantee .row:not(:last-child) {
        margin-bottom: 50px;
    }

    #guarantee h2 {
        font-size: 50px;
    }

    #guarantee p {
        font-size: 16px;
    }

    #guarantee ul {
        font-size: 16px;
        margin: 10px 20px 0px 20px;
    }

    #guarantee #arrow1 {
        width: 110px;
        top: 190px;
    }

    #guarantee #arrow2 {
        width: 40px;
        top: 390px;
        right: 40px;
    }
}

@media (max-width: 767px) {
    #guarantee .guarantee-text-container {
        margin-top: 10px;
    }

    #guarantee h2 {
        font-size: 52px;
        text-align: center;
    }

    #guarantee p {
        font-size: 18px;
        text-align: center;
    }

    #guarantee ul {
        font-size: 18px;
        margin: 10px 50px 0px 50px;
    }

        #guarantee ul.included {
            margin-bottom: 50px;
        }

    #guarantee #arrow1,
    #guarantee #arrow2 {
        display: none;
    }
}

@media (max-width: 575px) {
    #guarantee h2 {
        font-size: 48px;
    }

    #guarantee p {
        font-size: 15px;
    }

    #guarantee ul {
        font-size: 15px;
        margin: 10px 45px 0px 45px;
    }
}

@media (max-width: 449px) {
    #guarantee h2 {
        font-size: 40px;
    }

    #guarantee ul {
        margin: 10px 40px 0px 40px;
    }
}

/* solid-service */
#solid-service {
    background-image: url(/img/bkgd-blue-textured.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding: 25px 0px;
}

    #solid-service .ss-text {
        font-size: 45px;
        line-height: .85
    }

@media (max-width: 1399px) {
    #solid-service .ss-text {
        font-size: 40px;
    }
}

@media (max-width: 1199px) {
    #solid-service .ss-text {
        font-size: 34px;
    }
}

@media (max-width: 991px) {
    #solid-service .ss-text {
        font-size: 25px;
        line-height: .9;
    }
}

@media (max-width: 767px) {
    #solid-service {
        padding: 20px 0px;
    }

        #solid-service .ss-text {
            font-size: 18px;
        }
}

@media (max-width: 575px) {
    #solid-service .ss-text {
        font-size: 15px;
        line-height: 1;
    }
}

@media (max-width: 449px) {
    #solid-service {
        padding: 15px 0px;
    }

        #solid-service .ss-text {
            font-size: 12px;
        }
}

/* ten-for-ten */
#ten-for-ten {
    background-image: url(/img/bkgd-10-for-10.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 50px 0px 75px 0px;
}

    #ten-for-ten h2 {
        font-size: 135px;
        line-height: 1;
        margin-bottom: 35px;
    }

    #ten-for-ten p {
        font-size: 32px;
        line-height: 1.5;
        margin: 0px;
        font-weight: 500;
    }

        #ten-for-ten p .disclaimer {
            font-size: 18px;
            font-style: italic;
        }

    #ten-for-ten img {
        width: 350px;
        max-width: 100%;
        height: auto;
    }

@media (max-width: 1399px) {
    #ten-for-ten h2 {
        font-size: 125px;
    }

    #ten-for-ten p {
        font-size: 30px;
    }
}

@media (max-width: 1199px) {
    #ten-for-ten h2 {
        font-size: 110px;
    }

    #ten-for-ten p {
        font-size: 26px;
        padding-right: 10px;
    }

        #ten-for-ten p .disclaimer {
            font-size: 16px;
        }
}

@media (max-width: 991px) {
    #ten-for-ten {
        padding: 35px 0px 50px 0px;
    }

        #ten-for-ten h2 {
            font-size: 85px;
            margin-bottom: 30px;
        }

        #ten-for-ten p {
            font-size: 19px;
            padding-right: 10px;
        }

            #ten-for-ten p .disclaimer {
                font-size: 13px;
            }
}

@media (max-width: 767px) {
    #ten-for-ten h2 {
        font-size: 75px;
        margin-bottom: 25px;
    }

    #ten-for-ten p {
        font-size: 18px;
        padding-right: 0px;
        text-align: center;
        margin-bottom: 35px !important;
    }

        #ten-for-ten p .disclaimer {
            font-size: 12px;
        }
}

@media (max-width: 575px) {
    #ten-for-ten {
        padding: 35px 0px 40px 0px;
    }

        #ten-for-ten h2 {
            font-size: 55px;
        }

        #ten-for-ten p {
            font-size: 16px;
        }

            #ten-for-ten p .disclaimer {
                font-size: 11px;
            }

        #ten-for-ten img {
            max-width: 90%;
        }
}
















/* stats section */
#about-stats {
    background-image: url(/img/bkgd-stats.jpg);
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 5px 0px 20px 0px;
}

    #about-stats .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 225px;
    }

        #about-stats .icon img {
            max-width: 100%;
            max-height: 85%;
            height: auto;
        }

    #about-stats .stat-number {
        font-size: 42px;
        line-height: 1;
        font-weight: 300;
        padding-top: 10px;
    }

    #about-stats .stat-label {
        font-size: 25px;
        line-height: 1;
        font-weight: 700;
    }

@media (max-width: 1399px) {
    #about-stats .icon {
        height: 200px;
    }
}

@media (max-width: 1199px) {
    #about-stats {
        padding: 0px 0px 20px 0px;
    }

        #about-stats .icon {
            height: 175px;
        }

        #about-stats .stat-number {
            font-size: 36px;
            padding-top: 0px;
        }

        #about-stats .stat-label {
            font-size: 20px;
        }
}

@media (max-width: 991px) {
    #about-stats {
        padding: 0px 0px 30px 0px;
    }

        #about-stats .icon img {
            max-width: 75%;
            max-height: 75%;
            margin-top: 25px;
        }
}

@media (max-width: 767px) {
    #about-stats {
        padding: 10px 0px 30px 0px;
    }

        #about-stats .icon {
            height: auto;
        }

            #about-stats .icon img {
                max-width: 90%;
                max-height: 85%;
            }

        #about-stats .stat-number {
            padding-top: 10px;
        }
}

/* values & mission section */
#about-values-mission {
    background-image: url(/img/bkgd-blue-textured.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 50px;
}

    #about-values-mission h2 {
        font-size: 100px;
        line-height: .9;
    }

    #about-values-mission p {
        font-size: 32px;
        line-height: 1.3;
        font-weight: 500;
    }

        #about-values-mission p.left {
            margin: 35px 0px;
        }

        #about-values-mission p.right {
            margin: 85px 0px;
        }

    #about-values-mission ul li {
        font-size: 30px;
        line-height: 1.1;
        font-weight: 400;
        margin: 35px 0px;
    }

@media (max-width: 1399px) {
    #about-values-mission h2 {
        font-size: 88px;
    }

    #about-values-mission p {
        font-size: 30px;
    }

        #about-values-mission p.left {
            margin: 30px 0px;
        }

        #about-values-mission p.right {
            margin: 65px 0px;
        }

    #about-values-mission ul li {
        font-size: 28px;
        margin: 30px 0px;
    }
}

@media (max-width: 1199px) {
    #about-values-mission h2 {
        font-size: 72px;
    }

    #about-values-mission p {
        font-size: 26px;
    }

        #about-values-mission p.left {
            margin: 24px 0px;
        }

        #about-values-mission p.right {
            margin: 55px 0px;
        }

    #about-values-mission ul {
        padding-left: 25px;
    }

        #about-values-mission ul li {
            font-size: 24px;
            margin: 24px 0px;
        }
}

@media (max-width: 991px) {
    #about-values-mission h2 {
        font-size: 54px;
    }

    #about-values-mission p {
        font-size: 20px;
    }

        #about-values-mission p.left {
            margin: 18px 0px;
        }

        #about-values-mission p.right {
            margin: 50px 0px;
        }

    #about-values-mission ul {
        padding-left: 20px;
    }

        #about-values-mission ul li {
            font-size: 18px;
            margin: 18px 0px;
        }
}

@media (max-width: 767px) {
    #about-values-mission h2 {
        font-size: 46px;
        text-align: center;
    }

    #about-values-mission div.right {
        margin-top: 24px;
    }

    #about-values-mission p {
        font-size: 26px;
    }

        #about-values-mission p.left {
            margin: 18px 0px;
        }

        #about-values-mission p.right {
            margin: 18px 0px;
        }

    #about-values-mission ul {
        padding-left: 25px;
    }

        #about-values-mission ul li {
            font-size: 22px;
            margin: 18px 0px;
        }
}

@media (max-width: 575px) {
    #about-values-mission h2 {
        font-size: 38px;
    }

    #about-values-mission p {
        font-size: 20px;
    }

    #about-values-mission ul {
        padding-left: 20px;
    }

        #about-values-mission ul li {
            font-size: 16px;
        }
}

@media (max-width: 449px) {
    #about-values-mission h2 {
        font-size: 30px;
    }

    #about-values-mission p {
        font-size: 16px;
    }

    #about-values-mission ul li {
        font-size: 14px;
    }
}

/* dedicated-appointment-times */
#dedicated-appointment-times {
    background-color: var(--bkgd-off-white) !important;
    padding: 5px 0px;
    background-image: url(/img/pin-up3-left.png), url(/img/pin-up3-right.png);
    background-repeat: no-repeat;
    background-position: 50px center, right 50px center;
}

    #dedicated-appointment-times .dat-text {
        padding: 25px 0px;
        font-size: 50px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

        #dedicated-appointment-times .dat-text img {
            height: 65%;
            vertical-align: middle;
            margin: 0 10px;
        }

@media (max-width: 1399px) {
    #dedicated-appointment-times .dat-text {
        font-size: 45px;
    }
}

@media (max-width: 1199px) {
    #dedicated-appointment-times .dat-text {
        font-size: 35px;
    }

        #dedicated-appointment-times .dat-text img {
            height: 55%;
        }
}

@media (max-width: 991px) {
    #dedicated-appointment-times {
        background-size: auto 80px;
        background-position: 30px center, right 30px center;
    }

        #dedicated-appointment-times .dat-text {
            padding: 15px 0px;
            font-size: 30px;
        }

            #dedicated-appointment-times .dat-text img {
                height: 40%;
                margin: 0 5px;
            }
}

@media (max-width: 767px) {
    #dedicated-appointment-times {
        background-size: auto 85px;
    }

        #dedicated-appointment-times .dat-text {
            font-size: 24px;
        }

            #dedicated-appointment-times .dat-text img {
                margin: 0 5px 3px 5px;
            }
}

@media (max-width: 669px) {
    #dedicated-appointment-times .dat-text {
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    #dedicated-appointment-times {
        background-image: unset;
    }

        #dedicated-appointment-times .dat-text {
            font-size: 16px;
        }
}

@media (max-width: 379px) {
    #dedicated-appointment-times .dat-text {
        font-size: 14px;
    }

        #dedicated-appointment-times .dat-text img {
            height: 25%;
        }
}

/* values & mission section */
#our-story {
    background-image: url(/img/bkgd-beige-textured.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 50px;
}

    #our-story h2 {
        font-size: 88px;
        line-height: 1;
    }

    #our-story p {
        font-size: 28px;
        line-height: 1.5;
        font-weight: 500;
        text-align: justify;
    }

@media (max-width: 1399px) {
    #our-story h2 {
        font-size: 80px;
    }

    #our-story p {
        font-size: 24px;
    }
}

@media (max-width: 1199px) {
    #our-story h2 {
        font-size: 68px;
    }

    #our-story p {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    #our-story h2 {
        font-size: 50px;
    }

    #our-story p {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    #our-story {
        padding-bottom: 50px;
    }

        #our-story h2 {
            font-size: 65px;
            text-align: center;
        }

        #our-story div.right {
            margin-top: 5px;
        }

        #our-story p {
            font-size: 24px;
        }
}

@media (max-width: 575px) {
    #our-story h2 {
        font-size: 52px;
    }

    #our-story p {
        font-size: 20px;
    }
}

@media (max-width: 449px) {
    #our-story h2 {
        font-size: 46px;
    }

    #our-story p {
        font-size: 16px;
    }
}

/* unique-membership-options */
#unique-membership-options {
    background-color: var(--bkgd-off-white) !important;
    padding: 5px 0px;
    background-image: url(/img/pin-up4-left.png), url(/img/pin-up4-right.png);
    background-repeat: no-repeat;
    background-position: 50px center, right 50px center;
}

    #unique-membership-options .umo-text {
        padding: 25px 0px;
        font-size: 50px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

        #unique-membership-options .umo-text img {
            height: 65%;
            vertical-align: middle;
            margin: 0 10px;
        }

@media (max-width: 1399px) {
    #unique-membership-options .umo-text {
        font-size: 45px;
    }
}

@media (max-width: 1199px) {
    #unique-membership-options .umo-text {
        font-size: 35px;
    }

        #unique-membership-options .umo-text img {
            height: 55%;
        }
}

@media (max-width: 991px) {
    #unique-membership-options {
        background-size: auto 80px;
        background-position: 30px center, right 30px center;
    }

        #unique-membership-options .umo-text {
            padding: 15px 0px;
            font-size: 30px;
        }

            #unique-membership-options .umo-text img {
                height: 40%;
                margin: 0 5px;
            }
}

@media (max-width: 767px) {
    #unique-membership-options {
        background-size: auto 85px;
    }

        #unique-membership-options .umo-text {
            font-size: 24px;
        }

            #unique-membership-options .umo-text img {
                margin: 0 5px 3px 5px;
            }
}

@media (max-width: 669px) {
    #unique-membership-options .umo-text {
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    #unique-membership-options { 
        background-image: unset;
    }

        #unique-membership-options .umo-text {
            font-size: 16px;
        }
}

@media (max-width: 379px) {
    #unique-membership-options .umo-text {
        font-size: 15px;
    }

        #unique-membership-options .umo-text img {
            height: 25%;
        }
}

/* were-different */
#were-different {
    background-image: url(/img/bkgd-green-textured.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

    #were-different div.left {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #were-different div.right {
        background-image: url(/img/were-different-barber.jpg);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-clip: content-box;
        min-height: 100%;
    }

    #were-different h2 {
        font-size: 88px;
        line-height: .9;
    }

    #were-different p {
        font-size: 28px;
        line-height: 1.5;
        font-weight: 500;
        text-align: justify;
    }

@media (max-width: 1399px) {
    #were-different h2 {
        font-size: 80px;
    }

    #were-different p {
        font-size: 24px;
    }
}

@media (max-width: 1199px) {
    #were-different h2 {
        font-size: 68px;
    }

    #were-different p {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    #were-different h2 {
        font-size: 50px;
    }

    #were-different p {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    #were-different h2 {
        font-size: 65px;
        text-align: center;
    }

    #were-different div.left {
        text-align: center;
    }

    #were-different div.right {
        margin-top: 5px;
    }

    #were-different p {
        font-size: 24px;
    }
}

@media (max-width: 575px) {
    #were-different h2 {
        font-size: 52px;
    }

    #were-different p {
        font-size: 20px;
    }
}

@media (max-width: 449px) {
    #were-different h2 {
        font-size: 46px;
    }

    #were-different p {
        font-size: 16px;
    }
}

/* franchising */
#franchising {
    background-color: var(--bkgd-off-white) !important;
    padding: 5px 0px;
}

    #franchising .franchising-text {
        padding: 0px;
        font-size: 34px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }

        #franchising .franchising-text img {
            margin: 0;
        }

        #franchising .franchising-text br {
            display: none;
        }

@media (max-width: 1399px) {
    #franchising .franchising-text {
        font-size: 28px;
    }
}

@media (max-width: 1199px) {
    #franchising .franchising-text {
        font-size: 24px;
    }

        #franchising .franchising-text img {
            width: 10%;
        }

        #franchising .franchising-text .btn {
            padding: 8px 20px !important
        }
}

@media (max-width: 991px) {
    #franchising .franchising-text {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    #franchising .franchising-text {
        font-size: 18px;
        padding-top: 20px;
    }

        #franchising .franchising-text br {
            display: none;
        }

        #franchising .franchising-text .btn {
            padding: 5px 20px !important
        }
}