@media all and (max-width: 780px) {
          body {
            grid-template-columns: 0.25fr 3fr 0.25fr;
            grid-template-areas: ". content .";
          }
          #page {
            padding: 1em 0.5em;
            margin: 1em;
          }
          #content {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: 1fr;
            grid-template-areas: "nav" "page";
            margin: 1em;
          }
          #nav {
            padding: 1em 1em 0em 1em;
          }
          .social {
            margin-top: 10px;
            padding: 1em;
            background-color: #2a2442;
            border-radius: 0.25em;
          }
          ul.navLinks, ul.socialList {
            display: flex;
            flex-flow: row wrap;
            justify-content: space-evenly;
            align-items: center;
          }
          .navbutton a {
            font-size: larger;
          }
          .blogwrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "blog" "sidebar";
    gap: 0em 1em;
}
.sidebarsquare img {
  margin: 0.5em;
  max-width: 125px;
}
      }