@media only screen and (max-width: 880px) {
  :root {
    --max-width: 800px;
  }

  h2 {
    font-size: calc(8px * 6);
    line-height: 1em !important;
  }

  .home-intro {
    .badge {
      top: -9em;
      right: 50px;
    }

    .vertical-left {
      left: calc(var(--padding) * 2);
    }

    .vertical-right {
      right: calc(var(--padding) * 2);
    }
  }

  .home-links {
    margin-top: calc(var(--padding) * 2);
    padding: 0 var(--padding);

    .container {
      grid-template-columns: 1fr 1fr;
      align-items: start;
      padding: 0;

      .link-item {
        padding-bottom: var(--padding);

        & img {
          aspect-ratio: 1;
          border-radius: calc(var(--padding) / 2);
        }
      }
    }
  }

  .home-feature {
    .container {
      grid-template-columns: 1fr;
      max-width: var(--max-width);
      padding: 0 var(--padding);
      text-align: center;
    }

    .feature-image {
      display: none;
    }
  }

  .home-highlights {
    position: relative;
    z-index: 2;

    .container {
      max-width: unset;
      /* grid-template-columns: 1fr 1fr;

      .content-block:nth-child(3) {
        grid-column: 1 / -1;
        width: calc(
          50% - var(--padding)
        );
        margin: 0 auto;
      } */

      .highlight-item {
        margin-bottom: calc(var(--padding) / 2);

        & img {
          aspect-ratio: 3/2;
          max-width: 500px;
        }
      }
    }

    .highlights-image {
      padding: 0 var(--padding);
    }
  }

  .home-feature {
    margin-top: var(--padding);
  }

  /* .pillar-hero .featured-image img,
  .home-highlights .highlights-image img,
  .gallery .container img,
  .home-links .container .link-item img,
  .single .post-thumbnail img,
  .timeline-image img {
    padding: 10px !important;
  } */

  .page-template-page-pillar,
  .page-template-page-timeline,
  .page-template-page-blog {
    .gallery {
      .container {
        .gallery-image-wrapper {
          border-radius: calc(var(--padding) / 2);
        }
      }
    }
  }

  .home-highlights {
  }

  .page-template-page-blog {
    .container {
      padding: 0 40px;
      max-width: unset;
    }

    .post-item {
      /* grid-template-columns: 1fr; */
      /* max-width: var(--max-width-small); */
      margin-left: auto;
      margin-right: auto;
      gap: 1em;
    }

    .post-thumbnail {
      & img {
        aspect-ratio: 3/2;
        border-radius: calc(var(--padding) / 2);
      }
    }

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

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

  .single {
    .container {
      padding: 0 var(--padding);
    }

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

    .post-thumbnail {
      padding: 3rem var(--padding) 0em;

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

  .bottom-highlights {
    .container.grid {
      display: block;

      .content-block {
        border-radius: calc(var(--padding) / 2);
        margin-bottom: var(--padding);
        /* padding: calc(var(--padding) / 2); */

        & img {
          border-radius: calc(var(--padding) / 4);
          aspect-ratio: 2/1;
          width: 100%;
          max-width: unset;
        }
      }
    }
  }

  .site-footer {
    padding: var(--padding);

    .container {
      max-width: var(--max-width);
      /* grid-template-columns: 1fr; */
      gap: 0;
      text-align: left;
      margin-bottom: 0em;
      padding: var(--padding) 0;
      padding-bottom: 0;

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

      .social-media {
        position: relative;
        top: unset;
        right: unset;
        margin-top: 0.2em;

        & svg {
          width: 1.5em;
        }
      }
    }
  }
}