*{
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;
}

p{
font-size: 0.8em;
color: rgb(0, 201, 61);
margin-bottom: 1em;
}

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

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


video{
height: auto;
width: 100%;
}
    
h6{
margin-bottom: 1em;
color: rgb(0, 201, 61);
}

.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;
}


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

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

@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);
}
    
p{
font-size: 0.9em;
color: rgb(0, 201, 61);
margin-bottom: 1em;
}
    
a{
text-decoration: none;
color:white;
}

li:hover {
color: black;
background-color: rgb(0, 201, 61);
}
    
video{
height: auto;
width: 100%;
    }
    
    .parrafo {
overflow: auto;
float: right;
font-size: 0.5em;
width: 90%;
margin-top: 1em;
text-align:center;
margin-right: 3em;
}
    
     @media screen and (max-width: 30em)
{
contenedora{
margin:1em;
}

    
    
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);
   font-size: 0.7em;
}
    
a{
text-decoration: none;
color:white;

}

li:hover {
color: black;
background-color: rgb(0, 201, 61);
}
    
    
h1 {
color: rgb(0, 201, 61);
text-align: center;
font-size: 0.8em;
}
    
p{
font-size: 0.6em;    
    }    
    
.parrafo {
font-size: 0.5em;
text-align: center;
margin-right: 3em;
}
        
    
}