@media screen and (max-width: 1440px) {
    .carousel-item {
        height: 800px;
    }
    .infoCTA {
        padding: 20%;
    }
}

@media screen and (max-width: 1366px) {
    .carousel-item {
        height: 750px;
    }
    .infoCTA {
        padding: 18% 20%;
    }
}

@media screen and (max-width: 1280px) {
    .carousel-item {
        height: 700px;
    }
    .infoCTA {
        padding: 17% 20%;
    }
    #titles {
        padding: 12% 0 5% 0;
    }
}

@media screen and (max-width: 1024px) {
    .carousel-item {
        height: 550px;
    }
    .carousel-caption {
        top: 35%;
    }
    .infoCTA {
        padding: 10% 20%;
    }
    #titles {
        padding: 15% 0 5% 0;
    }
    .parrafoDer {
        margin-top: 0;
    }
}