@media (min-width: 768px) {
  #intro-slider .carousel .carousel-item {
    height: 700px;
  }

  #intro-slider .carousel-item img {
    position: absolute;
    top: -200px;
    left: 0px;
    min-height: 800px;
  }

  #intro-slider .carousel-caption {
    position: absolute;
    bottom: 300px;
  }

  #intro-slider .carousel-caption h5 {
    font-size: 3.2em;
    letter-spacing: 0.05em;
  }

  #intro-slider .carousel-caption p {
    font-size: 1.3em;
    letter-spacing: 0.05em;
  }

  #our-trips {
    margin-top: 50px;
  }

  #our-trips .card img {
    height: 35vh;
    object-fit: cover;
  }
}

@media (max-width: 768px) {
  #intro-slider .carousel-caption h5 {
    font-size: 2em;
    letter-spacing: 0.07em;
    margin-bottom: 50px;
  }

  #intro-slider .carousel-caption p {
    font-size: 0.9em;
    letter-spacing: 0.05em;
    margin-top: 10px;
  }

  #our-trips {
    margin-top: 30px;
  }

  #our-trips .card img {
    height: 30vh;
    object-fit: cover;
  }
}