.rooms {
  width: 100%;
  padding: 0 10%;
  margin-top: 50px;
  background: linear-gradient(180deg, rgba(247, 247, 247, 0) 0%, #f7f7f7 100%);
  /* transform: matrix(1, 0, 0, -1, 0, 0); */
}
.rooms-content h3 {
  margin-bottom: 20px;
}
.rooms-col {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.rooms-images {
  margin-top: 70px;
  /* height: 400px; */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.rooms-images img {
  width: 100%;
  object-fit: contain;
  transition: all 0.8s;
  transform: translateY(100px);
  opacity: 0;
}
.rooms-contact {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 200px;
  gap: 50px;
}
.rooms-contact span {
  font-size: 50px;
  font-weight: 400;
}
.rooms-contact a {
  transform: translateY(50%);
}
@media (max-width: 1400px) {
  .rooms {
    padding: 7%;
  }
  .rooms-images {
    /* height: 350px; */
  }
}

@media (max-width: 1200px) {
  .rooms {
    padding: 0 5%;
  }
  .rooms-images {
    /* height: 350px; */
  }
  .rooms-contact {
    margin-top: 100px;
    gap: 30px;
  }
  .rooms-contact span {
    font-size: 40px;
  }
}
@media (max-width: 1100px) {
  .rooms-images {
    /* height: 320px; */
  }
}
@media (max-width: 900px) {
  .rooms-images {
    /* height: 290px; */
  }
}
@media (max-width: 850px) {
  .rooms {
    padding: 0 5%;
  }
}
@media (max-width: 700px) {
  .rooms-col {
    flex-direction: column;
    gap: 20px;
  }
  .rooms-content h3 {
    width: 100%;
  }
  .rooms-content h3 br {
    display: none;
  }
  .rooms-content p br {
    display: none;
  }
  .rooms-images {
    flex-direction: column;
    gap: 30px;
  }
}