@media only screen and (max-width: 1000px) {

  .headerContent {
    padding: 16px 0px 16px 0px;
  }

  .logo {
    height: 100px;
  }

  .image-grid {
    padding: 8px;
    gap: 8px;
    grid-template-columns: repeat(3, 1fr);
  }

  .image-grid img {
        height: 200px;

    }

    .hide-on-mobile {
      display: none !important;
    }

  .paragraph {
    margin-top: 0px;
    padding: 0px 0px;
  }

  .textGrid {
    margin-top: 16px;
    padding: 0px 8px;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-bottom: 32px;
  }

  .textTile {
    padding: 16px 16px;
  }

  h1 {
    font-size: 48px;
  }

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 14px;
  }

  .quoteText {
      font-size: 32px;
      padding: 64px 16px;
    }

}