@charset "utf-8";
/* Infinite Fidelis Consulting | Volunteer Mobile | CSS | V1.0 */

.volunteer-hero {
    padding: 220px 0 250px;
}

.volunteer-intro-inner,
.volunteer-grid,
.volunteer-impact-inner {
    grid-template-columns: 1fr;
}

.volunteer-intro-inner {
    gap: 35px;
}

.volunteer-intro-copy {
    padding-top: 0;
}

.volunteer-grid {
    gap: 20px;
}

.volunteer-card {
    min-height: auto;
}

.volunteer-impact-inner {
    gap: 45px;
    text-align: center;
}

.volunteer-impact-mark {
    width: 180px;
    margin: 0 auto;
}

.volunteer-impact-content h2 {
    text-align: center;
}

.volunteer-impact-content p {
    margin: 0 auto;
}

@media (max-width: 600px) {
    .volunteer-hero {
        padding: 225px 0 215px;
    }

    .volunteer-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,.58);
    }

    .volunteer-hero-content,
    .volunteer-hero-content h1,
    .volunteer-hero-content p {
        color: #fff;
    }

    .volunteer-intro {
        padding: 0 0 90px;
    }

    .volunteer-ways {
        padding: 90px 0 100px;
    }

    .volunteer-heading {
        margin-bottom: 50px;
    }

    .volunteer-card {
        padding: 42px 28px;
    }

    .volunteer-impact {
        padding: 95px 0;
    }

    .volunteer-impact-mark {
        width: 145px;
    }

    .volunteer-cta {
        padding: 105px 0;
    }
}