* {margin: 0em;padding: 0em; box-sizing: border-box;text-decoration: none;}

nav{display: flex;flex-direction: row;}

nav h2 {margin: 0.4em; color: white;font-family: 'roboto'; font-weight: 300;color: white; font-size: 1.6em;}

nav h2:hover {color: black; font-weight: 600;}

nav{background-color: rgba(100,100, 100, 0.7); 
    min-width: 38em; 
    display: flex; 
    justify-content: space-around;
font-family: 'Lato', sans-serif;
font-weight: 900;
color: black;
    background-size: contain;
    justify-content: center;border-style: solid;border-width: 0.05em;border-color: whitesmoke;position: relative;bottom: 0.8em}
nav * {flex-wrap: wrap;}

h1 ,h2 {flex-wrap: wrap;}





body {display: flex; 
    align-items:   center;
    flex-direction: column;
background-color: #E3A8C1;
font-family: 'Lato', sans-serif;
font-weight: 900;
color:black;}



main{display: flex; 
    flex-direction: column; 
    justify-content: center;
    flex-wrap: wrap;}

section {display: flex; 
    flex-direction: column; 
    align-items: center;
    margin: 0.4em;
    height:22em; 
    width: 9em;}



footer {font-size: 0.6em; 
    margin: 3em;
    padding: 1em;
    background-color: rgba(10,10, 10, 0.3);
color: floralwhite;}

img {border-radius: 50%;
    max-width: 3.5em;
    max-height: 3.5em;}

.texto {font-size: 0.54em; 
    height: 10em; 
    width: 11em; 
    display: flex; 
    align-items: center;
    line-height:1.4em}


.propuesta{height: 2.6em;
    width: 9.05em; 
    display: flex; 
    justify-content: center; 
    align-items: center;}

.cajafoto {height: 4.5em;
    display: flex; 
    align-items: center;
    justify-content: center}

.nombre{height: 4em; 
    font-size: 1.3em;
    display: flex; 
    align-items: center;}

h3{font-size: 2.4em;}

article {justify-content: center;}






/*NACHO LESCANO*/

#section4{background-image: url(./4/img/gifespacio3.gif);}
#section4 * p ,#section4 h3 {color: white; font-family: 'roboto'; font-weight: 300;}
#section4 a {color: white;}
#section4 h3{letter-spacing: 0.1em; font-family: 'roboto';}
#section4 .nombre{ text-transform: uppercase;letter-spacing: 0.1em; position: relative; left: 0.1em;}
#section4 .propuesta{background-color: rgba(100,100, 100, 0.7) }

#section4 img {box-shadow: 0px 1px 90px 15px rgba(255,247,255,1););}
#section4 .texto{letter-spacing: 0.01em;position: relative; left: 1.5em; width: 14em}

/*NACHO LESCANO*/




/*NACHO KALUDA*/

#section2{background-image: url(2/img/portada.jpg);}
#section2 p {color: white; font-family: 'Teko',sans-serif;}
#section2 h3{letter-spacing: 0.1em; font-family: 'roboto'; font-weight: 300; color: white;}
#section2 h3 a{color: white;}
#section2 .nombre{ text-transform: uppercase;letter-spacing: 0.15em;font-family: 'roboto';
    font-weight: 300; display: flex; justify-content: center}
#section2 .propuesta{background-color: rgba(100,100, 100, 0.7);}
#section2 .propuesta p{font-family: 'roboto'; font-weight: 300;}
#section2 img {box-shadow: 0px 1px 90px 15px rgba(255,247,255,1););}
#section2 .texto{letter-spacing: 0.01em;font-family:'roboto'; 
font-weight: 300; position: relative; left: 3em}

/*NACHO KALUDA*/




/*JONATHAN NIETO*/

#section3 {background-color: black}
#section3 .texto {font-family: 'roboto'; font-weight: 300;color: white; position: relative; left: 3em;}
#section3 h3{letter-spacing: 0.1em;color: antiquewhite;font-family: 'roboto'; font-weight: 300; }
#section3 h3 a{color: white;}
#section3 .nombre{font-family: 'roboto'; font-weight: 300;color: white;display: flex; justify-content: center;  text-transform: uppercase; position: relative; left: 0.03em; letter-spacing: 0.09em}
#section3 img {box-shadow: 0px 1px 90px 15px rgba(212,256,255,1););}
#section3 .propuesta p{font-family: 'roboto'; font-weight: 300;color: white;}
#section3 .propuesta{background-color: rgba(100,100, 100, 0.7)}

/*JONATHAN NIETO*/



/*ANA GARAY*/

#section1 {background-color: black}
#section1 .texto {font-family: 'roboto'; font-weight: 300;color: white; position: relative; left: 3em;}
#section1 .propuesta{background-color: rgba(100,100, 100, 0.7) }
#section1 h3{letter-spacing: 0.1em;color: antiquewhite;font-family: 'roboto'; font-weight: 300;}
#section1 h3 a{color: white;}
#section1 .nombre{font-family: 'roboto'; font-weight: 300;color: white;display: flex; justify-content: center;  text-transform: uppercase; position: relative; left: 0.03em; letter-spacing: 0.07em}
#section1 .propuesta p{font-family: 'roboto'; font-weight: 300;color: white;}
#section1 img {box-shadow: 0px 1px 90px 15px rgba(212,256,255,1););}

/*ANA GARAY*/




#fundacionfeim {font-size: 1.1em; 
    height: 3em; 
    display: flex; 
    align-items: center; font-family: 'roboto'; font-weight: 300;color: white; position: relative; right: 4em; margin-bottom: 0.4em; margin-top: 0.5em;margin-left: 5.5em;border-bottom-style:solid; border-width: 0.08em;border-color: whitesmoke;max-width: 11.7em;}

#feimtitulo {display: flex; justify-content: center;height: 1.6em;font-family: 'roboto'; font-weight: 300;color: white; margin-top: 0.3em; letter-spacing: 0.5em; font-size: 2.5em} 

.titulopag{display: flex; justify-content: center;height: 1.2em;font-family: 'roboto'; font-weight: 300;color: white; margin-top: 0.6em; letter-spacing: 0.1em; font-size: 1.5em; margin-bottom: 0.2em; position: relative; right: 4.7em; }

#infof {font-size: 0.7em; margin-right: 3em; margin-left: 2.5em;font-family: 'roboto'; font-weight: 300;color: white}

.activo{font-weight: 600; color: black;}

img:hover {border-radius: 50%;
    max-width: 5em;
    max-height: 7em;transition: all .4s ease;}


.propuesta p:hover {font-size: 1.3em;letter-spacing: 0.07em;transition: all .4s ease;}


.nosotros {display: flex; 
    flex-direction: row; 
    justify-content: center;
    flex-wrap: wrap;}
.titulodiv{margin-bottom: 0.3em;margin-top: 0.3em;}

#fundacionfeim {margin-bottom: 0.62em; margin-top: 0.5em;}



.division {margin-bottom: 0.6em;border-bottom-style:solid; border-width: 0.08em;border-color: whitesmoke; height: 3.2em}

.division p {line-height:1.42em}

.textff {font-family: 'roboto'; font-weight: 300;color: white;line-height:1.3em;}

#superfeim {background-color: rgba(20,0, 100, 0.23) ; position:relative;bottom: 0.9em; height: 4.5em}
#superfeim h1{position: relative; top: 0.28em}
 

/*CARTA*/

.carta {display: flex; 
    flex-direction: column; 
    justify-content: center; 
    ;height: 38em;}

.carta {background-color: rgba(180,180, 180, 0.5); position: relative; top: 1em;}
.pregunta {font-size: 1.3em; letter-spacing: 0.01em; margin-left: 0.7em; margin-right: 0.7em; }
.bloque {font-family: 'roboto'; font-weight: 300;margin-left: 5em;font-size: 0.8em; margin-left:1em; margin-right: 2.3em; margin-top: 1.2em; margin-bottom: 1.6em}

/*CARTA*/

/*MAPA*/


.mapa {display: flex;flex-direction: column;content: center; flex-wrap: wrap;height: 105em;}
.imgmapa {border-radius: 0%; max-width: 22em;max-height:22em;}
.imgmapa:hover {border-radius:0%;max-width: 22em;
    max-height: 22em;}
.mapa h3{font-size: 1em; letter-spacing: 0.01em;margin-left: 1.1em;font-family: 'roboto'; font-weight: 300; color: white;margin-bottom: 0.3em;margin-top: 0.5em;}
.mapa h1{margin-bottom: 0.6em;margin-left: -1em;}
.mapa .fondo{background-color: #966077; height: 20em;display: flex; flex-direction: column; margin-top: 0.5em;}
.mapa h2{margin-top: 1em; color: white; margin-left: 0.8em; max-width: 10em; text-transform: uppercase; font-family: 'roboto'; letter-spacing: 0.05em; font-size: 1.3em; font-weight: 400;}
/*MAPA*/





@media all and (min-width: 35em) {
    
    footer{margin-left: 38em; margin-right: 38em} 
    #fundacionfeim {margin-bottom: 0.62em; margin-top: 0.5em; margin-left: 24.9em}
    #infof {font-size: 0.7em; margin-right: 50em; margin-left: 32.9em;font-family: 'roboto'; font-weight: 300;color: white}
    .titulodiv{margin-bottom: 0.3em;margin-top: 0.3em;margin-right: 19em}
    nav{justify-content: space-around;}
    nav h2{font-size: 1.7em; letter-spacing: 0.03em}
    
    nav h2:hover {letter-spacing: 0.1em;transition: all .5s ease;}
    
    #superfeim h1:hover {letter-spacing: 0.8em; color: black; transition: all .8s ease;}
    
    /*CARTA*/
    
    .carta  {margin-left: 23em; margin-right: 23em; height: 31.5em;}
    .bloque {margin-right: 22em; line-height:1.4em;}
   
    
    
    
}