.about-header-bg {
    background-color: black;
}

.about-header {
    background-image: url('../assets/about/about_header.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: inherit;
    text-align: center;
    margin-top: 100px;

    h1 {
        font-family: Syne;
        color: white;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 19pt;
        margin-top: 30px;
    }
}

.about-mission {
    background: rgb(156, 254, 146);
    background: linear-gradient(99deg, rgba(156, 254, 146, 1) 0%, rgba(215, 254, 149, 1) 47%, rgba(156, 254, 146, 1) 87%);
    text-align: center;
    display: flex;
    align-items: center;
    height: auto;

    .container {

        p {
            font-family: Syne;
            color: black;
            font-size: calc(0.8rem + 0.6vw);
        }
    }

}

.principles-card {
    h5 {
        text-transform: uppercase;
        font-size: 1rem;
        font-weight: bold;
    }

    h6 {
        font-size: 0.8rem;
    }
}

/* mobile */
@media screen and (max-width: 991px) {
    .about-header {
        margin-top: 70px;
    }
}