* {
    margin: 0;
    padding: 0;
}    
    
.linea {
    width: auto;
    height: 4px;
    background-color: #2ECCFA;
    vertical-align: top;
    
}
header h1 img{
    width: 300px; 
    height: 175px;
    margin: auto;
    display: block;
    margin-top: 10px;
}

header [src="img/esp.jpg"] {
    width: 40px; 
    height: 40px;
    background-color: #fff;
    
}

header [src="img/eng.jpg"] {
    width: 40px; 
    height: 40px;
    background-color: #fff;
    
}


.dos{
    padding: 10px;
    width: 60px; 
    height: 60px;
    float: right;
    vertical-align: middle;
    background-color: #fff;
    
}


.tres {
    padding: 10px;
    width: 60px; 
    height: 60px;
    float: right;
    vertical-align: middle; 
    background-color: #fff;
}


.slider {
    width: 100%;
	margin: auto;
	overflow: hidden;

}

.slider ul {
	margin: center;
    display: flex;
	padding: 0;
	width: 400%;

	animation: cambio 20s infinite alternate linear; 
}

.slider li {
	width: 100%;
	list-style: none;
}

.slider img {
	width: 100%;
}

@keyframes cambio{
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}

	50% {margin-left: -200%;}
	70% {margin-left: -200%;}

	75% {margin-left: -300%;}
	100% {margin-left: -300%;}

}
footer {
    background-color: #1088AD;
    font-family: 'Armata', sans-serif;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    letter-spacing: 1pt;
    padding: 12px;
}


@media screen and (min-width: 480px){
    header nav ul li{
        width: 80%;
    }
    menu{
        flex-direction: column;
    }
   
}

@media screen and (min-width: 767px){
   header nav ul li{
        width: 10%;
    }
}

@media screen and (min-width: 950px){
    header nav ul li{
        width: 60%;
    }

}