@media only screen and (max-width: 500px) {
  :root {
    --max-width-small: calc(100% - 60px);
    --padding: calc(8px * 3);
  }

  h1 {
    font-size: 60px;
  }

  h2 {
    font-size: calc(8px * 5);
  }

  h3 {
    font-size: calc(8px * 4);
  }

  .site-header {
    padding: 20px;
  }

  .badge {
    width: 100px;
  }

  .home-hero .huge-text {
    opacity: 0;
  }

  .home-intro {
    /* margin-top: 3em; */
    .vertical-left,
    .vertical-right {
      display: none;
    }
  }

  /* .home-links {
    .container {
      grid-template-columns: 1fr;

      .link-item {
        margin-bottom: calc(var(--padding) / 2);
        grid-column: 1 !important;
        grid-row: auto !important;
      }
    }
  } */

  .home-feature {
    .container {
      grid-template-columns: 1fr;
    }
  }

  .home-highlights {
    .container {
      grid-template-columns: 1fr;

      .content-block:nth-child(3) {
        grid-column: 1;
        width: unset;
      }
    }
  }

  .page-template-page-pillar,
  .page-template-page-timeline,
  .page-template-page-blog {
    .home-intro {
      /* margin-top: 2em; */
    }

    .pillar-hero {
      .huge-text {
        /* padding-left: 0; */
        /* padding-right: 0; */
        /* padding: 220px 40px 2rem 40px; */
        line-height: 0.85em;
      }
    }

    .gallery {
      margin-top: calc(var(--padding) * 2);
      padding: 0 20px;
      .container {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;

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

        .gallery-image-wrapper:nth-child(1) {
          grid-column: 1 / span 2;
          grid-row: 1 / span 2;
        }

        .gallery-image-wrapper:nth-child(2) {
          grid-column: 1;
          grid-row: 3;
        }
        .gallery-image-wrapper:nth-child(3) {
          grid-column: 2;
          grid-row: 3;
        }
      }
    }
    .pillar-feature {
      /* margin-top: calc(var(--padding) * 4); */

      .ornament {
        display: none;
      }

      .badge {
        left: -20px;
        top: -140px;
      }
    }

    .home-highlights {
      .highlights-image {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 1em;
        margin-bottom: 1em;

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

  .timeline-item {
    flex: 0 0 280px;
  }

  .single {
    .container {
      padding: 0 20px;
    }

    .entry-header {
      & h3 {
        font-size: calc(8px * 3);
        line-height: 1.3em;
      }
    }

    .post-thumbnail {
      padding: 3rem 20px 0em;

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

    .entry-content {
      padding: 0 20px;
    }
  }

  .site-footer {
    /* margin-top: 1em; */
  }

  .page-template-page-blog {
    .post-item {
      max-width: unset;
    }

    /* .post-thumbnail {
      & img {
        padding: calc(var(--padding) / 3);
      }
    } */

    .post-content {
      padding: 0 var(--padding);
      .post-title {
        margin-bottom: 1rem;
      }

      /* & p {
        display: none;
      } */
    }
  }
}