#service-hero {
    padding-bottom: 0;
    overflow: hidden;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
}

#service-hero .container {
    max-width: 1140px;
}

#service-hero .container {
    max-width: 1170px;
}


/*#service-hero h1 {*/
/*    width: ;*/
/*}*/

#service-hero-image-wrapper {
    justify-content: center;
    margin-top: 50px;
}

#service-hero-image-wrapper img {
    width: 380px;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2px;
}

/*
=============================
INTRO SECTION
=============================
 */
#intro-section {
    padding: 80px 0;
    background-color: #dfdfdf;
    position: relative;
}

#intro-section p {
    width: 1180px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

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

/*
=============================
THIRD SECTION
=============================
 */
#third-section #second-row {
    align-items: flex-end;
}

#third-section-image img {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 991.8px) {
    #third-section {
        padding: 50px 0;
    }

    #third-section-text,
    #third-section-text-two {
        order: 2;
        text-align: center;
    }

    #third-section-image-two {
        order: 1;
    }
    /*#third-section-image-two img{*/
    /*    margin-top: -30px;*/
    /*}*/
}

/*
===========================
SERVICES
==========================
 */
#service-section {
    background-color: var(--dark-grey);
    padding: 80px 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

#service-section h2 {
    margin-bottom: 0;
    width: 100%;
    flex-basis: 100%;
}

#service-section p {
    width: 100%;
    flex-basis: 100%;
}

#services-banner {
    margin-top: 70px;
}

@media (max-width: 991.8px) {
    #service-section {
        padding: 40px 0 0 0;
    }
}
@media (max-width: 575.8px) {
    #services-banner{
        margin-top: 30px;
    }
}

/*
===========================
PROMO SECTION
==========================
 */
#promo-section {
    background-color: var(--dark-grey);
    padding: 50px 0;
    position: relative;
}

#promo-left {
    padding-right: 65px;
}

#promo-right {
    padding-left: 65px;
}

#promo-section h3 {
    font-weight: 400;
}

#promo-left h3 {
    width: 410px;
    flex-basis: 410px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#promo-right h3 {
    width: 310px;
    flex-basis: 310px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 991.8px) {
    #promo-left {
        padding-right: 15px;
    }

    #promo-right {
        padding-left: 15px;
        margin-top: 20px;
    }

}

/*
==========================
SERVICE BANNER
==========================
 */
#service-banner {
    border: none;
    background-color: var(--dark-grey);
    position: relative;
}

#service-banner h3 {
    width: 100%;
    flex-basis: 100%;
    margin-bottom: 10px;
}

footer {
    border-top: 1px solid #3f3f3f;
}