#carouselExampleCaptions, .carousel-inner{
    height: 100vh;
    z-index: -1;
}


.imagen{
    height: 100vh;
}
.imagen1{
    transform: translateX(-400px);

}
.imagen2{
    transform: translateX(-450px);
}

.carousel-caption {
    margin-top: -100px;
}
.carousel-caption img{
    width: 50%;
}
.carousel-caption p{
    font-size: 18px;

}


@media (max-width: 767px) and (orientation: landscape){
    .imagen{
        width: 100%;
        height: 100vh;
        margin: 0 auto;
    }
    .imagen1{
        transform: none !important;
    
    }
    .imagen2{
        transform: none !important;
    }
    .carousel-caption img{
        width: 30%;
    }
}


@media (min-width: 768px){
    .carousel-caption img{
        width: 20%;
    }
    .carousel-caption p{

        letter-spacing: 10px;
    }
}