@media (max-width: 575.98px) {
    
}

@media (max-width: 767.98px) {
    section.home-banner {
        height: auto;
        min-height: auto;
    }
    
    section.how-we-create-impact {
        padding: 4rem 0px 0;
    }
    
    .middle-impact-card::after {
        opacity: 0;
    }
    
    .impact-bottom-line {
        margin-top: 50px;
    }
    
    .cta-banner__text {
        font-size: 18px;
        line-height: 28px;
    }
    
    section.cta-banner {
        padding: 2rem 0;
    }
    
    .navbar-goldfinch .navbar-brand img {
        width: 200px;
        margin: 0;
    }
    
    .navbar-goldfinch .navbar-brand {
        padding: 0;
    }
    
    .service-img {
        width: 100%;
        height: auto;
    }
    
    .services-timeline {
        margin: 0;
        padding: 4rem 0px 3rem;
    }
    
    .services-timeline__curve:before {
        opacity: 0;
    }
    
    .services-timeline__body {margin-left: 0;}
    
    .services-timeline__rail {
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    
    .approach-banner {
        padding: 0px 0px;
    }
    
    .quotes h4 {
        width: 100%;
        font-size: 20px;
        padding: 0px 15px;
        line-height: 30px;
    }
    
    .quotes p {
        width: 100%;
        font-size: 18px;
        line-height: 24px;
    }
    
    .quotes img {
        margin-bottom: 20px;
    }
    
    .quotes {
        padding: 30px 0px;
    }
    
    section.how-we-create-impact.partner {
        padding-bottom: 4rem;
    }
    
    section.about-hero .service-img {
        position: absolute;
        width: 100%;
        top: 0;
    }
    
    .about-img {
        position: static;
        width: 70%;
        margin: 0 auto;
    }
    
    section.about-hero .services-hero__overlay {
        padding-top: 5rem;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 2rem;
    }
    
    section.about-hero {
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 4rem;
    }
    
    .about-hero p.services-hero__lead {
        max-width: 100%;
    }
    
    .contact-banner {
        padding-top: 5rem;
    }
    
    section.contact-banner h2 {
        font-size: 30px;
    }
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 1399.98px) {
    
}