@charset "utf-8";

* {
    margin: 0.5;
    padding: 0.5;
    box-sizing: border-box;
    font-family: 'oswald', sans-serif;


}

body {
    background-color: gainsboro;
}


header {

    text-align: left;
    background-color: black;
    
    align-items: flex-end;
    


}

header img{
    display: flex  
    flex-direction: row;
    flex-wrap: wrap;
    text-align: right;
    margin:  20px 0 px px;
    width: 3em;
    float:left;
    padding: 0.5em;
    
}



header nav ul {
    display: flex;
    flex-direction: row: 
    flex-wrap: wrap;
    align-items: right;
    list-style: none;
    justify-content: flex-end;
    align-items: flex-end;

    
           
 
}


header nav ul li {
    margin: .2em
    
}

header nav ul li a {
    
display: flex;
flex-direction: row;
text-decoration: none;
color: white;
flex-wrap: wrap;
   
}





.arquitectura {

    display: flex;
    background-color: gainsboro;
    flex-direction: row;
    }



main {
    
    
    text-align: center;
    
}



section img {
    display: flex
    flex-wrap: wrap;
    width: 20%
    
}

section {
    background-color: gray; 
    
}

#sinfondo {
    background-color: gainsboro;
}



footer {
    background-color: black;
text-align: center;
    padding: 3em 3em;
}


footer p {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: .8em;
    color: gray;
}


footer img{
    
    width: 10%
       
}

   



   
    
}

.normal{
    
    justify-content: center;
    flex-wrap: wrap;
    padding: 1em 1.5em 1.5em 1.5em; 
    image-orientation: center;
    flex-basis: 25%;
    
}




.buscador{
    display: flex;
    text-align: center;
    margin: 0em 5em 5em 5em ;
}