.car{
    background-image: linear-gradient(#3A5745, #EBEBEB,#EBEBEB);
}

.carousel{
    margin: auto;
    width: 75%;
    top: -5vw;
}

#carouselExampleIndicators{
    position: relative;
}

.carousel-control-next, .carousel-control-prev{
    background-color: rgba(0,0,0,0.2);
    width: 10%;
}

.carousel-indicators{
    top: 95%;
}

.carousel .bg-light{
    position: absolute;
    z-index: 1;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 80%;
    opacity: 0.7;
}

.carousel h1{
    font-size: 2.6vw;
}

@media (max-width:768px){
    .carousel h1{
    font-size: 3.9vw;
    }
}

@media (max-width: 550px){
    .carousel{
        width: 100%;
    }
}

@media (min-width: 1500px){
    .carousel {
        width: 70%;
    }   
}