/* =================================
   CONTACT BANNER GMK
================================= */

.contact-banner {

    min-height: 450px;

    display: flex;

    align-items: center;

    position: relative;

    background:
        url('../../../images/contact/contact-banner.jpg')
        center / cover no-repeat;

}


.contact-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(46,125,50,.88),
            rgba(0,0,0,.45)
        );

}


.contact-banner-content {

    position: relative;

    max-width: 750px;

    color: white;

}


.contact-banner-content span {

    color: #FBC02D;

    font-weight: 800;

    letter-spacing: 2px;

}


.contact-banner-content h1 {

    font-size: 55px;

    font-weight: 900;

    margin: 20px 0;

}


.contact-banner-content p {

    font-size: 19px;

    line-height: 1.8;

    color: rgba(255,255,255,.9);

}


@media(max-width:768px) {

    .contact-banner {

        min-height: 400px;

    }

    .contact-banner-content h1 {

        font-size: 38px;

    }

}