@media screen and (max-width: 700px) {
    nav .mainNavLinks {
        display: none;
    }

    #hero {
        font-size: 1em;
        padding: 2rem 1rem;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    #heroLineContainer {
        font-size: 0.7em;
    }

    .siteSection {
        padding: 0.7em 2.3em;
    }
}