@media (max-width: 900px) {
  .announcement-grid,
  .offer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .announcement-grid-double {
    grid-template-columns: 1fr;
  }

  .retreat-illustration {
    height: 190px;
  }

  .mountain-back {
    left: 35px;
    width: 220px;
    height: 115px;
  }

  .mountain-front {
    left: 190px;
    width: 250px;
    height: 130px;
  }
}

@media (max-width: 640px) {
  .hero {
    padding-top: 3.7rem;
  }

  .announcement-grid,
  .offer-grid {
    grid-template-columns: 1fr;
  }

  .request-options {
    grid-template-columns: 1fr;
  }

  .retreat-illustration {
    height: 170px;
  }

  .sun {
    right: 24px;
    width: 46px;
    height: 46px;
  }

  .mountain-back {
    left: 10px;
    width: 170px;
    height: 95px;
  }

  .mountain-front {
    left: 120px;
    width: 190px;
    height: 110px;
  }

  .footer-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}