/*CONFIGURACIÓN DEL SLIDE*/


.kontena-slide{
    margin: 70px 150px;
    position: relative;
    border: 10px double #fff;
    overflow: hidden;

}

.slide-la {
    margin: auto;
    width: 100%;
    height: 650px;
    float: flex;
    
    
    background-size: 100% 100%;
    
    animation: fotos_slide 20s infinite;
    animation-direction: alternate;
}


.slide-laE {
    margin: auto;
    width: 100%;
    height: 650px;
    float: flex;
    
    
    background-size: 100% 100%;
    
    animation: photos_slide 20s infinite;
    animation-direction: alternate;
}

@keyframes fotos_slide {
    0%, 25%{
        background-image: url(../img/LAE.jpg);
        
    }
    
    25%, 50%{
        background-image: url(../img/LA1.jpg);
    }
    
    50%, 75%{
        background-image: url(../img/LA3.jpg);
    }
    
    75%, 100%{
        background-image: url(../img/LA2.jpg);
    }
}


@keyframes photos_slide {
    0%, 25%{
        background-image: url(../img/LAEnglish.jpg);
        
    }
    
    25%, 50%{
        background-image: url(../img/LA1.jpg);
    }
    
    50%, 75%{
        background-image: url(../img/LA3.jpg);
    }
    
    75%, 100%{
        background-image: url(../img/LA2.jpg);
    }
}


@media screen and (max-width: 900px){

        .kontena-slide{
            margin: 70px 5px;

        }
    
        .slide-la {
            margin: auto;
            width: 100%;
            height: 300px;
        }
    
        .slide-laE {
            margin: auto;
            width: 100%;
            height: 300px;
        }

}