*{
    box-sizing: border-box;
    margin:0;
    padding:0;
    font-family: "Open Sans"
}

.contenedor{
margin: 5em;
background-color: rgb(221, 221, 221);
padding: 1em;
}

nav ul li {
display: inline-block;
list-style: none;
font-size: 0.9em;
}

nav {
background-color: rgb(0, 201, 61);
padding: 1em;
text-align: center;
}
li{
padding: 0.5em;
margin: 0.5em;
}

li a{
text-decoration: none;
color: white;
}

li:hover{
color: white;
background-color: rgb(49, 255, 112);
}

.titulos{
margin-bottom: 1em;
}

.titulos h4{
color: rgb(0, 201, 61); }

article {
margin-top: 1em;
margin-bottom: 1em;
font-size: 0.9em;
}

article h3{
color: rgb(0, 201, 61);
}

.metas h4 {
color: rgb(0, 201, 61);
}

aside p{
font-size: 0.7em;
}

footer {
font-size: 0.6em;
color: rgb(0, 98, 30);
text-align: center;
margin: 10em;

}

@media screen and (max-width: 40em)
{

nav ul li {
display:block;
list-style: none;
font-size: 0.9em;
}

}

@media screen and (max-width: 30em)
{
nav ul li {
display:block;
list-style: none;
font-size: 0.5em;
}
.titulos{
margin-bottom: 1em;
font-size: 0.4em;
}
    
article {
margin-top: 1em;
margin-bottom: 1em;
font-size: 0.5em;
}
 
aside p{
font-size: 0.4em;
}    

footer {
font-size: 0.3em;
color: rgb(0, 98, 30);
text-align:left;
margin: 15em;

}    
    
}