@font-face {
    font-family: SunAntwerpen;
    src: url('SunAntwerpen-5_Regular.otf') format("opentype");
}
html{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
body{
    background-color: transparent;
    font-family: SunAntwerpen !important;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.carousel{
    overflow: hidden;
    padding-bottom: 80px;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.carousel::-webkit-scrollbar, body::-webkit-scrollbar, html::-webkit-scrollbar{
    display: none;
}
.carousel-indicators {
bottom: 80px;
}
.carousel-control{
color: white;
}
.carousel-control.left, .carousel-control.right{
background-image: unset;
}
.carousel-caption{
color:black;
top: 100%;
text-shadow: unset;
text-align: left;
left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
.carousel-inner{
overflow: unset;
background-color: black;
}
.carousel-inner>.item>a>img {
margin: 0 auto;
height: 100%;
max-height: 400px;
/* max-width: 500px; */
}
.item h3{
font-size: 12px;
}
/* .carousel-caption{
    display: relative !important;
    background-color: white;
} */
@media only screen and (max-width: 1000px) {
    .carousel-inner>.item>a>img {
        margin: 0 auto;
        height: 100%;
        max-height: 300px;
        max-width: 500px;
        }

}
@media only screen and (max-width: 400px) {

    .carousel-caption{
        display: relative !important;
        background-color: white;
        margin-bottom: 0px;        
    }
    .item.active{
        display:flex !important ;
    }
    a{
        margin: 0 auto;
    }
    .carousel{
        overflow: visible;
    }
    .carousel-inner>.item>a>img {
        margin: 0 auto;
        height: auto;
        min-height: 200px;
        max-height: 200px;
        max-width: 100%;
        }
}