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

.contenedora{
margin:auto;

}

body {
background-size: 100%;
max-width: 100%;
margin:1em;
}


h1 {
color: rgb(0, 201, 61);
text-align: center;
}

.logo img {
width: 4em;
}


img {
max-width: 100%;
width: 100%;
}

nav {
width: 100%;
max-width: 100%;
text-align: center;
}

nav ul li{
list-style: none;
display:inline-block;
margin: 2em;
padding: 1em;
max-width: 100%;
font-size: 0.7em;
text-align: center;
}

a{
text-decoration: none;
color: rgb(0, 201, 61);
}

li:hover {
color: black;
background-color: rgb(97, 253, 144);
}

article h6{
margin-bottom: 1em;
color: rgb(0, 201, 61);
}

.ingresar {
width: 40%;
overflow: auto;
float: left;
font-size: 0.8em;
}

#ingresar{
background-color: rgb(97, 253, 144);
margin-top: 1em;
}

.registrarse {
overflow: auto;
float: right;
width: 50%;
margin-bottom: 2em;
font-size: 0.8em;
}

#registrarse{
background-color: rgb(97, 253, 144);
margin-top: 1em;
}

footer {
background-color: rgb(97, 253, 144);
overflow: auto;
clear: both;
}

.parrafo {
overflow: auto;
float: right;
font-size: 0.5em;
width: 95%;
margin-top: 1em;
text-align: center;
}

.presidencia {
overflow: auto;
float: left;
margin: 1em;
}

.presidencia img{
width: 1.5em;
}

.acumar {
overflow: auto;
margin: 1em;
}

.acumar img{
width: 2em;
margin-top: 0.5em;
}

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

h1 {
color: rgb(0, 201, 61);
text-align: center;
font-size: 0.9em;
}      
    
nav {
width: 100%;
max-width: 100%;
}
    
nav ul li {
    list-style: none;
    display:block;
    background-color: white;
    padding: 1em;
    margin: 2em;
    max-width: 100%;
   text-align: center;
   background-color: rgb(97, 253, 144);
}
    
a{
text-decoration: none;
color:white;
}

li:hover {
color: black;
background-color: rgb(0, 201, 61);
}

article h6{
margin-bottom: 1em;
color: rgb(0, 201, 61);
font-size: 0.8em;
}
    
.ingresar {
width: 100%;
font-size: 0.8em;
margin-bottom: 1em;
overflow: hidden;
}

#ingresar{
background-color: rgb(97, 253, 144);
margin-top: 1em;
}

.registrarse {
width: 100%;
margin-bottom: 2em;
font-size: 0.8em;
overflow: hidden;
}

#registrarse{
background-color: rgb(97, 253, 144);
margin-top: 1em;
}
    
    .parrafo {
overflow: auto;
float: right;
font-size: 0.5em;
width: 80%;
margin-top: 1em;
text-align:left;
margin-left: 1em;
}

}

@media screen and (max-width: 30em)
{
    
.contenedora{
margin:0.1em;
padding: 0;
}    
    
h1 {
color: rgb(0, 201, 61);
text-align: center;
font-size: 0.8em;
}
nav {
width: 100%;
max-width: 100%;
font-size: 0.8em
;}
    
nav ul li {
    list-style: none;
    display:block;
    background-color: white;
    padding: 1em;
    margin: 2em;
    max-width: 100%;
   text-align: center;
   background-color: rgb(97, 253, 144);
   font-size: 0.7em;
}

.ingresar {
width: 100%;
overflow:hidden;
font-size: 0.6em;
}

#ingresar{
background-color: rgb(97, 253, 144);
margin-top: 1em;
font-size: 0.9em;
}

.registrarse {
overflow: hidden;
width: 100%;
margin-bottom: 2em;
font-size: 0.6em;
}

#registrarse{
background-color: rgb(97, 253, 144);
margin-top: 1em;
font-size: 0.9em;
}    
    
footer {
background-color: rgb(97, 253, 144);
overflow: auto;
clear: both;
}

.parrafo {
overflow: hidden;
font-size: 0.5em;
width: 100%;
margin-top: 1em;
text-align:center;

}

.presidencia {
overflow: auto;
float: left;
margin: 1em;
}

.presidencia img{
width: 1em;
}

.acumar {
overflow: auto;
margin: 1em;
}

.acumar img{
width: 1em;
margin-top: 0.5em;
}    
    
}