.carousel-fade-transition .item {

    padding: 0;

}



.carousel-main .background-image img {

    /* background-size: contain;

    background-position: center;*/

    height: 70vh;

    width: 100%;

}



.carousel-main .background-image p {

    position: absolute;

    top: 80%;

    font-size: 30px !important;

}



@media screen and (max-width: 768px) {

    .carousel-main .background-image img {

        /* background-size: contain;

        background-position: center;*/

        height: 40vh;

        width: 100%;

    }



    .carousel-main .background-image p {

        position: absolute;

        top: 30px;

        font-size: 16px !important;

    }



    .logo img {

        margin-top: 20px;

        max-width: 150px;

    }



    .carousel-section {

        margin-top: 20px;

    }



}