@media screen and (max-width: 600px) {
    body {
        margin: 0;
    }

    header {
        flex-direction: column;
        align-items: center;
        /* padding-top: 3vh; */
        position: relative;
        padding-bottom: 0;
    }

    nav {
        /* grid-template-columns: 1fr; */
        width: 100%;
        border-radius: 0;
    }

    .navItem a {
        margin: 15% 0;
        font-size: 1.2em;
    }

    .logo {
        height: auto;
        width: 60%;
        margin: 3% 0;
    } .logo.ysu {
        display: none;
    }

    .skyline {
        width: 100%;
        margin: 0 0 -20px 0;
    }

    footer {
        flex-direction: column;
        font-size: 0.75em;
    }

    .title h1 {
        font-size: 2em;
    } .title h2 {
        font-size: 1em;
    }

    .officers {
        flex-direction: column;
    } .officer div {
        margin: 0;
    } .officer img {
        width: 50%;
        margin: 0 23%;
    }

    .photo {
        flex: 0 1 100%;
    }

    .twoCols {
        column-count: 1;
    }
}