@media all and (min-width: 40rem) {
  .text-xl {
    font-size: 48px;
    line-height: 50.9091px;
  }

  .text-xl::before {
    content: "";
    margin-bottom: -0.1667em;
    display: table;
  }

  .text-xl::after {
    content: "";
    margin-top: -0.1667em;
    display: table;
  }

  .text-l {
    font-size: 24px;
    line-height: 33.4545px;
  }

  .text-l::before {
    content: "";
    margin-bottom: -0.3333em;
    display: table;
  }

  .text-l::after {
    content: "";
    margin-top: -0.3333em;
    display: table;
  }

  .text-m {
    font-size: 16px;
    line-height: 19.6364px;
  }

  .text-m::before {
    content: "";
    margin-bottom: -0.25em;
    display: table;
  }

  .text-m::after {
    content: "";
    margin-top: -0.25em;
    display: table;
  }

  .container {
    padding: 4rem;
    gap: 2.5rem;
  }

  .hero-main-link {
    width: auto;
  }

  .gallery {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  .gallery-image-large {
    grid-column: 1 / span 2;
    grid-row: 1 / span 2;
  }

  .donate-list {
    gap: 1rem 2.5rem;
    grid-template-columns: 1fr 1fr;
  }
}