/* reglas generales */ 

* {
    box-sizing: border-box;
}

body{
    background-color:#E9C2B2;
    font-family:'Raleway', sans-serif;
    padding: 1em;
    min-height: 100vh;     
}


header, footer {
    background-color:#FFDFD2;
    color:#9C7F73; 
    box-shadow: 2px 2px 7px beige inset;
    padding: .5em;   
}  

img{
    display: block;
    margin: auto; 
    max-width: 100%;
    height: auto; 
}

h1, h3, h2 {
    padding: 0.25em; 
    text-align: center; 
}

h1 {
    background-color: #9C7F73; 
    color: #FFDCCD;  
}

h3 {
    background-color: #FFDCCD;
}

p {
    text-align: center; 
}

.presentacion, .contenido, .equipo, .pertenencia, .propio{
    background-color: #B6E3D1;
    color: #9C7F73; 
    padding:2em;
    display: flex;
    flex-direction: column;
    justify-content: center; 
            
}

/* header */ 

header nav ul {
    list-style: none; 
    display: flex;
    align-content: center;
    justify-content: space-around;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 100%;
    width: 100%; 
    
}

nav ul li a{
    background-color: #9C7F73; 
    text-decoration: none; 
    color: aliceblue;
    padding: .5em;
}



nav ul li a:hover{
    background-color:floralwhite;
    color: #4F6A5F;
}


/* main */

main > section{
    border-radius: 1rem; 
    margin-top: .5em; 
    margin-bottom: .5em; 
    
}

/* presentacion */

.presentacion img{
    max-width: 100%;
    height: auto; 
}


/* contenido */

.contenido ul li {
    list-style:square; 
}


/* propio */

.propio ul{display: flex;
    
}

.propio ul li{
    list-style: none;
    background-color: #FFDCCD;
    flex-basis: 33%;
    margin-right: 1em;
    text-align: center;
    padding: .5em;  
}

.propio ul li a{
    color: #9C7F73;
    flex-wrap: wrap; 
}

.propio ul li a:hover{
    background-color: #9C7F73;
    color: floralwhite;
}




/* equipo */

.equipo ul li {
    list-style: none;
    width: 100%;
    padding: .5em;
    display: flex;
    justify-content: space-around;
    
}

.equipo ul li a{
    color: #9C7F73;    
    }

.equipo ul li a:hover{
    background-color: #9C7F73;
    color: floralwhite;
}



/* pertenencia */

.pertenencia, footer{
    padding:2em;
    
}

.pertenencia ul{
    list-style: none;
    text-align: center; 

}

.pertenencia ul li a{
    margin-bottom: 1em;  
}


.pertenencia ul li a{
    text-decoration: none;
    color: #9C7F73;
    display: flex;
    align-content: center;
    flex-direction: column;
    
}

.pertenencia img {
    height: auto;
    max-width: 70%; 
}

#uba{
    max-width: 30%;
}


/* mapa */

.imagenmapa img{
    max-width: 100%;
    height: auto;
    
}


/* plan */


.propuesta img{
    max-width: 100%;
    height: auto;

    
}

.propuesta{
    background-color: #B6E3D1;
    color: #9C7F73; 
    padding:2em;
    display: flex;
    flex-direction: column;
    justify-content: center; 
}


/* mediaqueries */

@media (min-width: 0em){
    header nav ul li a { 
    padding: .2em;
    display: flex;
    justify-content: center;
         
    }
    
    header nav ul li {
        margin-bottom: .5em;
    }
    
    header nav ul { display: flex;
    flex-direction: column;  
    }
    
}
    @media (min-width: 40em){
        header nav ul {display: flex;
        flex-direction: row;
        }
        
        header nav ul li {flex-basis: 25%;
        padding: .2em;}
    }