.header-pagetitle {
    font-size: 26.6vw;
    margin-left: -2.1vw;
    height: calc(9 * var(--rowheight) + 0px);
}

.missionstatement {
    grid-column: 3 / span 20;
    margin-bottom: var(--rowheight);
}

.missionstatement-text {
    grid-column: 1 / span 16;
    padding: 2rem 3rem 1rem 2rem;
    background: var(--bgcolor);
}

.missionstatement-text p+p {
    margin-top: 1.3em;
}

.people {
    grid-column: 3 / span 20;
    list-style-type: none;
}

.people h2, .missionstatement h2 {
    grid-column: 1 / span 20;
    margin-bottom: var(--rowheight);
    /* line-height: calc(1.5 * var(--rowheight) + 0px); */
    line-height: calc(1.45 * var(--rowheight) + 0px);
    height: var(--rowheight);
}

.people:not(.people--students) a {
    outline: solid 1px var(--maincolor);
    background: var(--bgcolor);
    grid-column: span 6;
    display: block;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    margin-bottom: var(--rowheight);
    transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 1st in each group of three (1,4,7,10,…) */
.people:not(.people--students) a:nth-of-type(3n+1) {
    grid-column: 1 / span 6;
  }
  
/* 2nd in each group of three (2,5,8,11,…) */
.people:not(.people--students) a:nth-of-type(3n+2) {
grid-column: 8 / span 6;
}

/* 3rd in each group of three (3,6,9,12,…) */
.people:not(.people--students) a:nth-of-type(3n) {
grid-column: 15 / span 6;
}

.people:not(.people--students) a img {
    /* min-width: 100%;
    width: auto; */
    border-bottom: solid 1px var(--maincolor);

    height: calc(5 * var(--rowheight) + 0px);
    object-fit: cover;
    aspect-ratio: 4 / 3;
}

.people:not(.people--students) a div {
    padding: 1rem 2rem 1.5rem 2rem;
    align-content: center;
}

.people:not(.people--students) a:hover {
    transform: scale(1.1);
}

.people--students {
    grid-column: 3 / span 20;
    margin-bottom: calc(2 * var(--rowheight) + 0px);
}

.people--students ul {
    grid-column: span 10;
    list-style-type: none;
    /* margin-top: -2rem; */
}

@media (max-width: 900px) {
    .missionstatement-text {
        grid-column: 1 / span 20;
    }

    .people:not(.people--students) a {
        grid-column: 1 / span 20 !important;
    }

    .people:not(.people--students) a img {
        height: calc(16 * var(--rowheight) + 0px);
    }

    .people--students ul {
        grid-column: 1 / span 20;
        margin-top: 0 !important;
    }

    .people--students ul:first-of-type {
        margin-bottom: 0 !important;
    }

    .people--students ul:first-of-type {
        margin-bottom: var(--rowheight);
        margin-top: var(--rowheight);
    }

    /* .people:not(.people--students) h2 { */
    .people h2, .missionstatement h2 {
        margin-top: calc(2 * var(--rowheight) + 0px);
        margin-bottom: calc(2 * var(--rowheight) + 0px);
    }
}