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

.about-hero {
    padding: 220px 0 250px;
    background-position: 62% center;
}

.about-mission-inner,
.about-story-heading,
.values-grid {
    grid-template-columns: 1fr;
}

.about-mission-inner {
    gap: 55px;
}

.mission-panel {
    min-height: 420px;
}

.about-story-heading {
    gap: 45px;
}

.about-story-copy {
    padding-top: 0;
}

.story-pathways {
    grid-template-columns: 1fr;
}

.story-pathways div {
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.25);
}

.story-pathways div:last-child {
    border-bottom: 0;
}

.values-grid {
    gap: 20px;
}

.value-card {
    min-height: auto;
    padding: 42px 30px;
}

.value-card p {
    min-height: auto;
}

.about-cta-inner {
    align-items: flex-start;
    flex-direction: column;
    gap: 30px;
}

@media (max-width: 600px) {
    .about-hero {
        padding: 190px 0 215px;
        background-position: 66% center;
    }

    .about-overlay {
        background: rgba(0,0,0,.58);
    }

    .about-mission,
    .about-values {
        padding: 90px 0;
    }

    .mission-panel {
        min-height: 360px;
        padding: 60px 32px;
    }

    .mission-mark {
        width: 140px;
    }

    .mission-panel blockquote {
        font-size: 24px;
    }

    .about-story {
        padding: 90px 0 110px;
    }

    .value-card {
        padding: 40px 28px;
    }

    .about-motto {
        padding: 105px 0;
    }

    .about-cta {
        padding: 75px 0;
    }
}