@media only screen and (max-width: 1100px) {
  /* Variables
  --------------------------------------------- */
  :root {
    /* --padding: 30px; */
    --page-padding: 6vw;
  }

  /* Typography
  --------------------------------------------- */
  h1 {
    font-size: calc(8px * 12); /* 96px, down from 120px */
  }

  h2 {
    font-size: calc(8px * 8); /* 64px, down from 88px */
  }

  h3 {
    font-size: calc(8px * 6); /* 48px, down from 56px */
  }

  /* Navigation
  --------------------------------------------- */
  .site-header {
    left: 50%;
    transform: translateX(-50%);
    padding: 0 var(--padding);
  }

  .menu-bar {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    text-align: center;
    padding: 0;

    & li {
      margin: 0.3em 0;
    }

    .site-branding {
      grid-column: 1 / span 2;
    }

    .menu-left-menu-container {
      grid-column: 1;
      grid-row: 2;
      margin-top: 0;
    }

    .menu-right-menu-container {
      grid-column: 2;
      grid-row: 2;
      margin-top: 0;
    }
  }

  .menu-bar .sub-menu li {
    margin: 0 !important;
  }

  /* Decorative rotated elements — hide at this width */
  .vertical {
    display: none;
  }

  .offset-grid .image .label {
    display: none;
  }

  /* Hero / Top
  --------------------------------------------- */
  .top {
    /* padding: calc(var(--padding) * 6) 0 0 0; */
  }

  .home .top {
    & img.meadville-svg {
      margin-top: -4em;
      width: 100%;
      max-width: 70vw;
      z-index: -1;
    }
  }

  /* Offset Grid
  --------------------------------------------- */
  /* content-right gets one extra column — desktop's span 2 is too narrow at this width */
  .offset-grid {
    .image {
      /* grid-column: 1 / span 12; */
      /* aspect-ratio: 5/6; */
    }

    .content-right {
      /* grid-column: 9 / span 3; */
    }
  }

  /* Below Top
  --------------------------------------------- */
  /* wider than desktop's 3/span 8 — use more of the available viewport */
  .below-top .below-top-content {
    grid-column: 2 / span 10;
  }

  /* .tenants-section .tenants-grid {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  } */

  /* Two Columns
  --------------------------------------------- */
  /* Maintain side-by-side at 1100px — adjust spans rather than stacking */
  .two-columns {
    .left-column {
      grid-column: 1 / span 5;
    }

    .right-column {
      grid-column: 6 / span 7;
    }
  }

  /* Single Column
  --------------------------------------------- */
  .single-column .content {
    grid-column: 2 / span 10;
  }

  /* Filled Section
  --------------------------------------------- */
  .filled-section {
    /* padding-left: 0; */
    /* padding-right: 0; */

    .grid-12 {
      .content {
        grid-column: 1 / span 6;
      }

      .image {
        grid-column: 7 / span 6;
      }
    }
  }

  /* Cards Section
  --------------------------------------------- */
  .cards-section {
    grid-template-columns: repeat(3, 1fr);
  }

  .cards-section:has(.news-card) {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Map Section
  --------------------------------------------- */
  /* width: var(--max-width) = 1300px overflows at 1100px — fix to fluid */
  .page-template-page-at-the-square .map-section {
    width: 100%;
    box-sizing: border-box;
  }

  /* Page Template Default (interior pages)
  --------------------------------------------- */
  .page-template-default .top {
    .title {
      grid-column: 1 / span 10;
    }
  }

  /* Small Image Left / Text Right
  --------------------------------------------- */
  .small-image-left-text-right {
    .image {
      grid-column: 2 / span 4;
    }

    .content {
      grid-column: 6 / span 5;
    }
  }
}