/* CUSTOMIZA O CAROUSEL
-------------------------------------------------- */

/* Classe base do carousel */
.carousel {
    margin-bottom: 0px;
}

/* Já que usamos posicionamento de imagens, precisaremos fazer alguns ajustes na legenda */
.carousel-caption {
  top: 45%;
  z-index: 10;
}

/* Declaramos alturas, devido ao posicionamento do elemento img */
.carousel-item {
  height: 600px;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 600px;
  object-fit: cover;
}




/* CSS RESPONSIVE
-------------------------------------------------- */
@media (max-width: 1024px) {
    .carousel-item {
        height: 300px;
        background-color: #777;
    }

    .carousel-item > img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 300px;
        object-fit: cover;
    }

}