@font-face {
    font-family: 'SLIDER-FONT';
    src: url(FUENTES/AveriaLibre-Bold.ttf);
}
@font-face {
    font-family: 'SLIDER-FONT2';
    src: url(FUENTES/Trykker-Regular.ttf);
}
#slidertitle{
    position: absolute;
    top: 240px;
    left: 100px;
}
#slidertitle1{
    font-family: 'SLIDER-FONT2';
    color: white;
    font-size: 35pt;
    position: relative;
    bottom: 30px;
    left: 430px;
}
#slidertitle2{
    font-family: 'SLIDER-FONT';
    color: white;
    font-size: 50pt;
}
#sliderhr{
    height: 3px;
    position: relative;
    bottom: 10px;
}

@media screen and (max-width:1500px){
    #slidertitle{
        top: 150px;

    }
    #slidertitle1{
        font-size: 30pt;
        bottom: 30px;
        left: 330px;
        }
    #slidertitle2{
        font-size: 40pt;
        bottom: 10px;
    }
}
@media screen and (max-width:1000px){
    #slidertitle{
        top: 110px;
        left: 50px;
    }
    #slidertitle1{
        font-size: 20pt;
        bottom: 25px;
        left: 260px;
        }
    #slidertitle2{
        font-size: 30pt;
        bottom: 10px;
    }
    
}
@media screen and (max-width:800px){
    #slidertitle{
        top: 95px;
        left: 50px;
    }
    #slidertitle1{
        font-size: 20pt;
        bottom: 25px;
        left: 260px;
        }
    #slidertitle2{
        font-size: 25pt;
        bottom: 10px;
    }
    
}
@media screen and (max-width:650px){
    #slidertitle{
        top: 85px;
        left: 50px;
    }
    #slidertitle1{
        font-size: 20pt;
        bottom: 25px;
        left: 260px;
        }
    #slidertitle2{
        font-size: 20pt;
        bottom: 10px;
    }
    
    
}


.vuelve{
    font-size: 15pt;
}
.vuelve1{
    font-size: 30pt;
}
@media screen and (max-width:1700px){
    .vuelve{
        font-size: 12pt;
    }
    .vuelve1{
        font-size: 25pt;
    }
}
@media screen and (max-width:1500px){
    .vuelve{
        font-size: 10pt;
    }
    .vuelve1{
        font-size: 20pt;
    }
}
@media screen and (max-width:800px){
    .vuelve{
        font-size: 13pt;
    }
    .vuelve1{
        font-size: 25pt;
    }
}