.carousel{
    margin-top: 100px;
    font-size: 10px;
}
.carousel__caja{
    width: 100%;
    position: relative;
}
.carousel__imagen{
    width: 100%;
}
.carousel__texto{
    position: absolute;
}
.carousel__texto--der{
    right: 200px;
}
.carousel__texto--izq{
    left: 200px;
}
.carousel__logo{
    width: 200px !important;
}
.carousel__boton{
    padding: 10px;
    border: 1px solid #000;
    text-decoration: none;
    color: #000;
    font-family: 'regular';
    margin-top: 20px;
}

@media screen and (max-width: 800px){
    .carousel{
        margin-top: 50px;
    }
    .carousel__texto--der{
        right: -15px;
    }
    .carousel__texto--izq{
        left: -15px;
    }
    .carousel__logo{
        width: 50% !important;
    }
    .carousel__boton{
        font-size: .8em;
        padding: 5px;
        margin-top: 10px;
    }
}