/* ===================================
    Franchising Page
====================================== */

/* hero */
#franchising-hero {
    background-image: url(/img/bkgd-franchising-hero.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 200px 0px;
}
    
    #franchising-hero div.bazooka {
        padding-left: 171px;
    }

    #franchising-hero div.charlie {
        padding-left: 332px;
    }

    #franchising-hero div.franchising {
        text-align: center;
    }

    #franchising-hero div.own-chair {
        margin-top: 15px;
        text-align: center;
    }

    #franchising-hero h1 {
        font-size: 135px;
        line-height: .7;
        font-weight: 500;
    }

    #franchising-hero h4 {
        font-size: 32px;
        font-weight: 600;
        line-height: 1;
    }

@media (max-width: 1399px) {
        #franchising-hero div.bazooka {
            padding-left: 117px;
        }

        #franchising-hero div.charlie {
            padding-left: 295px;
        }

        #franchising-hero h1 {
            font-size: 125px;
        }
}

@media (max-width: 1199px) {
    #franchising-hero {
        padding: 185px 0px;
    }

        #franchising-hero div.bazooka {
            padding-left: 64px;
        }

        #franchising-hero div.charlie {
            padding-left: 270px;
        }

        #franchising-hero h1 {
            font-size: 115px;
        }

        #franchising-hero h4 {
            font-size: 30px;
        }
}

@media (max-width: 991px) {
    #franchising-hero {
        padding: 140px 0px;
    }

        #franchising-hero div.bazooka {
            padding-left: 20px;
        }

        #franchising-hero div.charlie {
            padding-left: 224px;
        }

        #franchising-hero div.own-chair {
            margin-top: 10px;
        }

        #franchising-hero h1 {
            font-size: 94px;
        }

        #franchising-hero h4 {
            font-size: 24px;
        }
}

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

        #franchising-hero div.bazooka {
            padding-left: 23px;
        }

        #franchising-hero div.charlie {
            padding-left: 150px;
        }

        #franchising-hero div.own-chair {
            margin-top: 5px;
        }

        #franchising-hero h1 {
            font-size: 68px;
        }

        #franchising-hero h4 {
            font-size: 20px;
        }
}

@media (max-width: 575px) {
    #franchising-hero {
        padding: 80px 0px;
    }

        #franchising-hero div.bazooka {
            padding-right: 114px;
            text-align: right;
        }

        #franchising-hero div.charlie {
            padding-left: 115px;
        }

        #franchising-hero h1 {
            font-size: 56px;
        }

        #franchising-hero h4 {
            font-size: 18px;
        }
}

@media (max-width: 449px) {
    #franchising-hero {
        padding: 80px 0px;
    }

        #franchising-hero div.bazooka {
            padding-right: 90px;
            text-align: right;
        }

        #franchising-hero div.charlie {
            padding-left: 90px;
        }

        #franchising-hero h1 {
            font-size: 45px;
        }

        #franchising-hero h4 {
            font-size: 15px;
        }
}

/* franchising-intro */
#franchising-intro {
    background-image: url(/img/bkgd-blue-contact.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 50px 0px;
}

    #franchising-intro h2 {
        font-size: 65px;
        line-height: 1;
        margin-bottom: 15px;
        text-align: center;
    }

    #franchising-intro p {
        font-size: 20px;
        line-height: 1.5;
        text-align: justify;
    }

@media (max-width: 1199px) {
    #franchising-intro h2 {
        font-size: 60px;
    }

    #franchising-intro p {
        font-size: 16px;
        line-height: 1.4;
    }
}

@media (max-width: 991px) {
    #franchising-intro {
        padding: 40px 0px;
    }

        #franchising-intro h2 {
            font-size: 55px;
        }

        #franchising-intro p {
            font-size: 14px;
        }
}

@media (max-width: 767px) {
        #franchising-intro h2 {
            font-size: 45px;
        }

        #franchising-intro p {
            font-size: 13px;
        }
}

@media (max-width: 575px) {
    #franchising-intro {
        padding: 35px 0px;
    }

        #franchising-intro h2 {
            font-size: 36px;
        }

        #franchising-intro p {
            font-size: 12px;
            line-height: 1.3;
        }
}

@media (max-width: 449px) {
    #franchising-intro h2 {
        font-size: 32px;
    }
}

/* franchising-contact */
#franchising-contact {
    background-image: url(/img/bkgd-green-textured.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 50px 0px
}

    #franchising-contact h2 {
        font-size: 70px;
        margin-bottom: 25px;
        text-align: center;
    }

    #franchising-contact label {
        font-size: 18px;
        font-weight: 500;
    }

    #franchising-contact #franchising-form .row {
        --bs-gutter-x: 3rem
    }

@media (max-width: 1399px) {
    #franchising-contact h2 {
        font-size: 60px;
    }
}

@media (max-width: 1199px) {
    #franchising-contact h2 {
        font-size: 50px;
        margin-bottom: 20px;
    }

    #franchising-contact #franchising-form .row {
        --bs-gutter-x: 2rem
    }

    #franchising-contact #franchising-form .form-control {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    #franchising-contact {
        padding: 40px 0px
    }

        #franchising-contact h2 {
            font-size: 38px;
            margin-bottom: 20px;
        }

        #franchising-contact #franchising-form .form-control {
            font-size: 15px;
        }
}

@media (max-width: 767px) {
    #franchising-contact label {
        font-size: 15px;
    }

    #franchising-contact #franchising-form .form-control {
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    #franchising-contact {
        padding: 35px 0px
    }

        #franchising-contact h2 {
            font-size: 35px;
        }

        #franchising-contact label {
            font-size: 12px;
        }
}

@media (max-width: 449px) {
    #franchising-contact h2 {
        font-size: 28px;
    }

    #franchising-contact label {
        font-size: 11px;
    }

    #franchising-contact #franchising-form .form-control {
        font-size: 15px;
    }
}