@media screen and (max-width: 750px) {
  h1 {
    font-size: 1.8rem !important;
  }
  h2 {
    font-size: 1.5rem !important;
  }
  h3 {
    font-size: 1.5rem !important;
  }
  p {
    font-size: 1rem !important;
  }
  .heroContainer {
    height: 20rem;
    padding: 1rem;
  }
  .accomodationColumn {
    height: 20rem;
  }
  .accomodationColumn-2 {
    height: 20rem;
  }
  .subText {
    text-align: center;
    letter-spacing: 0px;
  }
  .aboutText {
    padding: 0rem 1rem;
  }
  .accomodationText {
    padding: 1rem;
  }
  .line {
    width: 2.5rem;
  }
  .sustainability-container {
    flex-direction: column;
    height: 80rem;
  }
  .sustainability-item:hover {
    flex: 1;
  }
  .owl-item {
    padding: 2rem 1rem;
  }
  .review-carousel {
    padding: 1rem;
  }
  footer {
    padding: 2rem;
  }
  .mainText {
    padding: 1rem;
  }
  .navbar-nav {
    gap: 0rem;
  }
  .nav-link {
    justify-content: center;
  }
  .review-carousel i {
    font-size: 20px;
    height: 20px;
  }
  .review-divider {
    width: 13rem;
  }
}
@media screen and (max-width: 1100px) {
  .sustainability-text h3 {
    font-size: 1.5rem !important;
  }
  .sustainability-text {
    padding: 0.5rem;
  }
  footer {
    padding: 2rem;
  }
}
@media screen and (max-width: 1251px) {
  .heroContainer {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .vineyardText {
    padding: 1rem;
  }
}