/* Fuentes */

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,700,700i&display=swap');


/* fin */

ul {
margin:0;
padding:0;
}

li {
    list-style: none;
    
}


/* BODY */

body {
    background-color: #fff9f9;
    padding: 1.2em 3em 1.2em 3em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    font-family: Montserrat;
    }


/* HEADER */

.headeruno {
    display: flex;
    flex-flow: wrap;
    justify-content: space-around;
    background-color: #f0efe7;
    padding: 0.8em;
      align-items: center;
    }

header> .headeruno > a> img {flex-grow: 0;
  
    
}
header> .headeruno > .cajados{flex-grow: 1;}

h1 {text-align: center;
text-transform: uppercase;
font-size: 1.5em;
    font-family: Josefin Sans, sans-serif;
}


.cajados>h2 {color: #000000;
text-align: center;
font-size: 0.5em;
text-transform: uppercase;
letter-spacing: 0.2em;
    font-family: Josefin Sans;
    }

header { flex-grow: 0;
    
}

/* NAV BAR */

nav {
    font-family:sans-serif;
    font-size: 0.6em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    background-color: #F9343D;
    padding: 0.4em;
        }

nav>ul {
        display: flex;
    flex-flow: wrap;
    justify-content: space-around;
    list-style: none; 
}

a {
    text-decoration: none;
    font-family: verdana;
    color: #fffefe;
    display: block;
}

a:hover {
    letter-spacing: 0.3em;
    font-style: italic;
}

/* MAIN */

main { background-color: #f0efe7;
    padding: 1em 1.5em;
    margin: 1.5em 0em 1.5em;
    flex-grow: 1;
    
}

#integrantes {
    font-family: josefin sans;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    background-color: #F9343D;
    color: #fffefe;
    padding: 0.5em 0em;
    
}

#integrantes2 {   
    display: flex;
    flex-flow: wrap;
    justify-content: space-around;
    padding: 0em 0em 3em;
    font-family: Montserrat;
    }

.foto-perfil {
    width: 7em;
    height: 7em;
    background-color: white;
    display: block;
    opacity: 0.8;
    filter: grayscale(100%);

}

.foto-perfil:hover {
    filter: grayscale(0%);
    opacity: 1;
    }

main>#integrantes2>li>a {
    color: #F9343D;
    font-family: Josefin Sans;
    text-align: center;
    font-size: 0.8em;
    font-weight: 600;
    line-height: 1.8em;
    display: block;
}

main>#integrantes2>li>a:hover {
    font-style: italic;
    letter-spacing: 0.02em;
}


#club {
    font-family: josefin sans;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: 300;
}

.club {
    display: flex;
    flex-flow: row; 
}

@media only screen and (max-width: 560px) {
  .club {
    display: flex;
    flex-flow: row wrap; 
      width: 100%;
        }
}

.saenz {
    width: 13em;
    height: 13m;
    flex-grow: 0;
    }
@media only screen and (max-width: 560px) {
  .saenz {
      width: 100%;
      height: auto;
    display: flex;
    flex-flow: row wrap; 
}
}

.club-info {
    color: #272727;
    padding: 1em;
    width: auto;
    flex-grow: 1;
    font-size: 0.8em;
    width: auto;        
}

/* FOOTER */

footer {
    background-color: #F9343D;
    flex-grow: 0;
        padding: 2em 1.5em 2em;
display: flex;
    flex-direction: column;
    flex-flow: wrap;
}

#bajada-footer {
    font-family: josefin sans;
    font-weight: 300;
    }

h4 {
    font-size: 0.7em;
    font-family: Josefin Sans;
    text-transform: uppercase;
    color: #e2e2e2;
    line-height: 1.2em;
    margin: 0.6em 0em;
    
}

.foot1 {
    font-size: 0.5em;
    font-family: Montserrat;
    color: #e2e2e2;
    line-height: 1.2em;
    
}

.pie1 {
    display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
    
}

.pie2 { font-size: 0.5em;
 padding: 2.5em 0em 0em 0em;
    color: white;
    
    
}

.map-plan {
    max-width: 100%;    
}