@media all and (max-width: 1200px) {
     body {
         grid-template-columns: 0.25fr 4fr 0.25fr;
     }
     #content {
         margin: 2em 1em;
     }
     #nav {
         padding: 1.5em;
     }
     #page {
         margin: 1.5em;
         padding: 1.5em;
     }
    .frontImgs {
        padding: 0em 1em;
     }
    .frontIntro article {
        max-width: 80%;
    }
    .frontIntro p {
        margin: 0em 0.25em;
    }
    .intro {
        grid-auto-rows: min-content;
        grid-template-areas: "introimg" "introtext";
    }
    .introimg {
        display: flex;
        justify-content: center;
    }
}