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

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

/* Declaramos alturas, devido ao posicionamento do elemento img */
.carousel-item {
    height: 500px;
    background-color: #fff;
}

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

.margem-top {
    margin-top: 0px;
}



/* CSS RESPONSIVE
-------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .carousel-item {
        height: 400px;
    }

    .carousel-item > img {
        min-height: 400px;
    }

}

@media only screen and (max-width: 767px) {
    .carousel-item {
        height: 300px;
    }

    .carousel-item > img {
        min-height: 300px;
    }

}