@media only screen and (max-width: 720px) {
  :root {
    --max-width: 800px;
    --padding: calc(8px * 3);
  }

  .vertical-right,
  .vertical-left {
    display: none;
  }

  .page-template-page-pillar,
  .page-template-page-timeline,
  .page-template-page-blog {
    .gallery {
      /* margin-top: calc(var(--padding) * 2); */
      /* padding: 0 var(--padding); */
      .container {
        /* grid-template-columns: 1fr 1fr; */

        & img {
          aspect-ratio: 3/5;
          /* padding: calc(var(--padding) / 3); */
        }

        & img:nth-child(1) {
          grid-column: 2;
          grid-row: 1;
        }
        & img:nth-child(1) {
          grid-column: 1;
          grid-row: 1 / span 2;
        }
      }
    }
  }

  .page-template-page-blog {
    .container {
      width: var(--max-width-small);
      /* max-width: calc(100% - 100px); */
      padding: 0;

      .post-item {
        grid-template-columns: 1fr;
      }
    }
  }

  .site-footer {
    .container {
      grid-template-columns: 1fr;
      gap: 0;

      .footer-column {
        grid-column: 1;
        /* text-align: left; */
        margin-bottom: 1em;
      }
    }
  }
}