#intro-section {
    padding: 0 6vw;
    width: 100vw;
    height: 31vw;
    display: flex;
    flex-direction: column;
    background-image: url("../images/about/intro.jpg");
    background-size: cover;
}
#intro-section h1 {
    color: white;
    font-weight: bold;
    margin-top: auto;
 }
#intro-section p {
    color: white;
    margin-bottom: auto;
}

@media (max-width: 767px) {
    #intro-section h1 {
        text-align: center;
        font-size: 10vw;
        margin-bottom: 2vw;
    }
    #intro-section p {
        text-align: center;
    }
}
@media (max-width: 767px) {
    #intro-section {
        height: 75vw;
    }
}

/* ================================================================= */
/* ================================================================= */

#board-section {
    background-image: linear-gradient(30deg, #093246 50%, #00a3b2, #51b747 100%);
    text-align: center;
    color: white;
}
#board-section h1 {
    font-weight: bolder;
    text-align: center;
}
#board-section .item p {
    text-align: left;
}

/* ================================================================= */
/* ================================================================= */

#mission-section h1 {
    font-weight: bolder;
}
#mission-section ul {
    list-style: none;
    padding: 0;
}

#mission-section #principles ul li {
    border-bottom: solid 1px;
}
#mission-section #who-we-are {
    background-image: linear-gradient(45deg, rgba(179, 179, 179, .61), white);
}
#mission-section #who-we-are h3 {
    font-weight: bold;
}
#mission-section #who-we-are ul li {
    background-image: linear-gradient(30deg, #093246 50%, #00a3b2, #51b747 100%);
    color: white;
}

/* ================================================================= */
/* ================================================================= */

#services-section {
    background-image: linear-gradient(30deg, #093246 50%, #00a3b2, #51b747 100%);
    text-align: center;
    color: white;
}
#services-section h1 {
    font-weight: bolder;
}
#services-section .item {
    display: flex;
}
#services-section .item img {
    max-width: 30%;
    margin-right: 10px;
    align-self: center;
}
#services-section .item h4 {
    margin: auto;
}