.banner{
    position: relative;
}


.banner img{
    display: block;
    width: 100%;
}

.banner .contenido{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.banner .textos{
    position: absolute;
    left: 10%;
    top: 25%;
    width: 50%;
}

.banner .titulo{
    font-family: fuente-1-semibold;
    background: -webkit-linear-gradient(0deg, #ff0e02, #ffAd32, #ffAd32);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    

}

.banner .texto{
    margin-top: 20px;
    font-family:fuente-1-light;
    text-align: left;
    max-width: 80%;
}

@media only screen and (max-width: 1350px) {
    .banner .textos{

    }
}
@media only screen and (max-width: 1150px) {
    .banner .textos{
        top:25%;
        left: 20%;
    }
}

@media only screen and (max-width: 1000px) {
    .banner .textos{
        top:25%;
    }
}
@media only screen and (max-width: 900px) {
    .banner .textos{
        top:25%;
        left: 15%;
    }
    .banner .texto{
        margin-top: 10px;
    }
}

@media only screen and (max-width: 700px) {
    .banner .textos{
        top:30%;
    }
}

@media only screen and (max-width: 650px) {
    .banner .textos{
        top:30%;
        width: 70%;
        left: 30%;
    }
    .banner .titulo{
        font-size: 40px;
    }
    .banner .texto{
        font-size: 20px;
    }
}

@media only screen and (max-width: 650px) {
    .banner .textos{
        top:20%;
    }
}

@media only screen and (max-width: 475px) {
    .banner .titulo{
        font-size: 35px;
    }
    .banner .texto{
        font-size: 18px;
    }
    .banner .textos{
        top:20%;
    }
}


@media only screen and (max-width: 400px) {
    .banner .titulo{
        font-size: 25px;
    }
    .banner .texto{
        font-size: 15px;
    }
    .banner .textos{
        top:25%;
    }
}



.titulo-adp{
    font-family: fuente-1-semibold;
}