.main-intro-desc {
    display: block;
    font-size: 1.25rem;
}

.main-content {
    padding: 2.5vw 4vw;
}

.main-intro {
    display: flex;
    margin: 2vh 0;
    flex-wrap: wrap;
}

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.main-intro-img {
    background-color: beige;
    width: 100vw;
    height: 75vh;
}

.main-upcoming-trips {
    margin-bottom: 2vh;
}

.trips {
    display: flex;
    flex-direction: row;
    gap: 2vw;
}

.trips > div > h4 {
    text-transform: capitalize;
}

@media only screen and (pointer: coarse) and (max-width: 1024px),
  screen and (max-width: 799px) {
  .trips {
    flex-direction: column;

  }
}