.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: 30%;
    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;
    }

}