/* CAROUSEL STYLING */
#mainCarousel {
  max-height: 350px;
  overflow: hidden;
  border-radius: 20px;
}
#mainCarousel .carousel-item img {
  height: 350px;
  object-fit: cover;
  width: 100%;
  border-radius: 20px;
}
@media (max-width: 768px) {
  #mainCarousel, #mainCarousel .carousel-item img {
    height: 180px;
    max-height: 180px;
    border-radius: 12px;
  }
}

/* LAATSTE RESTAURANTS CARDS */
.laatste-restaurants-section .row {
  margin-left: 0;
  margin-right: 0;
}

.laatste-restaurants-section .col-md-2 {
  min-width: 180px;
  max-width: 230px;
  flex: 1 1 0;
  padding-left: 0;
  padding-right: 0;
}

/* Meer spacing tussen de middelste drie */
.laatste-restaurants-section .extra-spacing {
  margin-left: 12px;
  margin-right: 12px;
}

@media (max-width: 992px) {
  .laatste-restaurants-section .col-md-2 {
    min-width: 160px;
    max-width: 220px;
  }
}
@media (max-width: 768px) {
  .laatste-restaurants-section .col-6 {
    max-width: 48%;
    min-width: 145px;
    margin-bottom: 14px;
  }
  .laatste-restaurants-section .extra-spacing {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 520px) {
  .laatste-restaurants-section .col-6 {
    max-width: 99%;
    min-width: 120px;
  }
}

.card-img-top {
  height: 135px;
  object-fit: cover;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}