#contact-hero-img {
    height: 486px;
    width: 100%;
    background: url('../../images/contact-hero-medium.jpg') no-repeat center center/cover;
}

#contact-hero-img + .container { margin-bottom: 6rem; }
/* #contact-hero-img + .container > .row:nth-of-type(2) { max-width: 600px; margin: 0 auto; } */
.contact-hero-img + .container-jb {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 15px;

}

.contact-hero-img + .container-jb > .row:nth-of-type(1),
.contact-hero-img + .container-jb > .row:nth-of-type(2) { max-width: 600px; margin: 0 auto; }


#contact-us form {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-size: 1rem;
}

.contact-hero-img {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
    justify-items: center;
    align-items: center;
    background: #000000;
    color: #fff;
    padding-top: 50px;
} /* rebranding */

.contact-hero-img img {
    /* width: 500px;
    height: 450px; */

    /* rebranding */
    max-width: 50%;
    height: 450px;
}

.contact-hero-img .text {
    justify-self: start;
}

.contact-hero-img p {
    font-size: 36px;
}

/*#contact-us form > .row:nth-of-type(1) { margin-top: 40px; margin-bottom: 20px; }*/
#contact-us form > div.row:nth-of-type(2) { margin-top: 40px; margin-bottom: 20px; }
#contact-us form > div.row:nth-of-type(3),
#contact-us form > div.row:nth-of-type(4),
#contact-us form > div.row:nth-of-type(5) { margin-top: 3rem; }

#contact-us form input,
#contact-us form select {
    background-color: transparent;
    font-family: inherit;
    font-weight: 400;
    /* color: #495057; */
    color: #000000; /* rebranding */
    border: none;
    border-bottom: 2px solid #E5E5E5;
    border-radius: 0;
}
#contact-us form select { background: url('../../images/down-chevron.png') white no-repeat 98.5%; background-size: 15px; }
#contact-us form label { color: rgb(68, 68, 68); font-size: 18px; margin-bottom: 0; }
#contact-us form input:not([type='select']) {
    filter: opacity(70%);
}
#contact-us form input[type=text]:focus,
#contact-us form input[type=email]:focus,
#contact-us form select:focus,
#contact-us form textarea:focus {
    /* color: #495057; */
    color: #000000; /* rebranding */
    background-color: #fff;
    /* border-color: #bfb3ff; */
    border-color: #000000; /* rebranding */
    outline: 0;
    /* box-shadow: 0 0 0 .2rem rgba(85,51,255,.25); */
    box-shadow: none; /* rebranding */
}
#contact-us form button {
    color: white;
    background-color: #FF671D;
    border-radius: 5px;
    width: 300px;
    position: relative;
    text-transform: uppercase;
    font-size: 15px;
    padding-top: 15px;
    font-weight: bold;
 }
#commentsRequired { font-size: 11px; color: #686058; line-height: 44px; filter: opacity(90%); font-family: "Myriad Pro Regular" }

@media (max-width: 1100px) {
    .contact-hero-img {
        gap: 50px;
    }
}

@media (max-width: 991px) {
    #contact-hero-img { background-image: url('../../images/contact-hero_tablet-medium.jpg'); }

    .contact-hero-img img {
        width: 400px;
        height: 350px;
    }
}

@media (max-width: 767px) {
    .contact-hero-img + .container-jb { margin-bottom: 2rem; padding: 0 40px; }

    #contact-us form > div.row:nth-of-type(2) input { margin: 15px 0; }

    #contact-hero-img { height: 372px; background-image: url('../../images/contact-hero_mobile-medium.jpg'); }

    .contact-hero-img {
        grid-template-columns: 1fr;
        gap: 10px;
        height: auto;
        padding: 50px;
    }

    .contact-hero-img .text {
        justify-self: center;
    }
}

@media (max-width: 576px) {
    .contact-hero-img + .container-jb { margin-bottom: 2rem; }

    #contact-us form { width: 90%; }

    #contact-us form > .row:nth-of-type(2),
    #contact-us form > .row:nth-of-type(3),
    #contact-us form > .row:nth-of-type(4) { margin-top: 1rem; }

    #contact-us form label { font-size: 17px; }

    #contact-us form button { width: 150px; }

    .contact-hero-img img {
        width: 100%;
        max-height: 300px;
    }
}