@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700';

*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    font-family: 'Open Sans Condensed', sans-serif;
}


h1{
    color:darkseagreen;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    font-size: 3rem;
    letter-spacing: 0.3rem;
    text-align:center;	
    }
h2{
    font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.5rem;
	text-align:center;
	
	 
}
h3{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1rem;
	font-weight: 700;
	text-align:center;
    color: darkseagreen;
    letter-spacing: 0.3rem;
    font-weight: 300;

}
h4{
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
color:;
font-size: 1.5rem;

}
#contacto{
	font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
	font-size: 0.8rem;
    margin: 1em auto;
}


p{
    font-size: 1rem; 
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    width: 100%;
    text-align:center;
    word-spacing:0rem;
        
  } 
ul{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 0.9rem;
    color: darkseagreen;
    text-align: center;
    letter-spacing: 0.2rem;
    padding: 0.8rem;
}
nav{
    background-color:beige;
    width: 100%;
    text-align:center;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:300;
    color: whitesmoke;
   word-spacing:0.1rem;
   padding-bottom: 0rem;
}
a{
    width: 420px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    color: burlywood;
    margin: 0 0.3em;
}

main{
	width:100%;
	text-align: center;
    margin: auto;
}
img{
max-width:100%;
}

.contenedorDatos{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: darkseagreen;
}

.contenedor{
    margin: 1em;
}

.datosAcad{
    margin: 2em auto;
}
.datosAcad h3{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-align:center;
    color: burlywood;
    letter-spacing: 0.3rem;
    font-weight: 300;
}

footer{
    width: 100%;
}

.footer{
    font-size: 0.8em;
    font-style: italic;
    width: 90vw;
    margin: auto;
    text-align: center;
    padding-bottom: 0.5em;
}

@media screen and (min-width: 37em){

.contenedorDatos{
    flex-direction: row;
}

.contenedor{
    width: 30%;
}