*{margin:0;
box-sizing:border-box;}
body{
background-image:url("/home/alumno/Escritorio/TRABAJO FINAL/imagenes/fondo.jpg");
background-size:cover;
background-attachment:fixed;


}
.CONTENEDOR{
display:flex;
flex-direction:row;
flex-wrap:wrap;
max-width:1000px;
margin: auto;
}
header{
width:100%;
margin-bottom:50px;
}
.IMAGEN{
background-color:white;
margin-top:10px;
}
.logos{
display:flex;
flex-direction:row;
margin-top: 10px;
}
main{
background-color:white;
width:70%;
}
.ARRIBA{
background-color:white;
padding:10px;

}
.ARRIBA img{
width: 100%;
}
aside{
background-color:rgb(83,125,202);
width:30%;
}
.AD{
display:flex;
flex-direction:column;
padding:20px;
justify-content:space-between;
}
h1{
margin:0px;
}
footer{
width:100%;
background-color:rgb(133,129,129,0.2);
display:flex;
flex-direction:row;
justify-content:space-between;
padding:10px;
margin-top:15px;
}
h3{
background-color:rgb(66,100,162);
padding:50px 0;
text-align:center;
color:white;
}
h4{
background-color:rgb(66,100,162);
padding:50px 0;
text-align:center;
color:white;
}
.ENLACES{
display:flex;
flex-direction:row;
justify-content:space-between;
color:white;
margin-right:10px;
}
a{
margin-right:10px;
color:white;
padding: 10px;
}
div img{
width: 100%;
}
header{
display:flex;
flex-direction:row;
justify-content:space-between;
margin-right:10px;
}
h2{
margin-top:20px;
color:white;
}
.PRIMERO{
padding:50px 0;
}
p{
margin-right:10px;
}
h1{
margin-bottom: 20px;
}
@media screen and (max-width: 800px){
.AD{width: 100%;
flex-direction:row;
justify-content:space-between;}
#PRIMERO, #SEGUNDO{width:40%;
}
div h3{text-align: center;}
div h4{text-align: center;}
main{width: 100%;}
footer{width: 100%;}
}
@media screen and (max-width: 600px){
Header{flex-direction: column;}
.logos{width:100%;
flex-direction:row;
justify-content: center;
background: rgba(255,255,255,0.2);
align-items: center;
margin:  0;
}
.AD{width: 100%;
flex-direction:row;
justify-content:space-between;}

main{width: 100%;}
footer{width: 100%;
flex-direction: column;
}
#NOMBRE{order: 2;
padding: 0 10px;}
.ENLACES{
padding: 0 10px;
}
}