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

.bxslider {
list-style: none;

}



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

.logo img {
width: 4em;
overflow: hidden;

}


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 {
background-color: rgb(97, 253, 144);

}

.videos {
background-color: rgb(97, 253, 144);
padding: 1em;
margin-bottom: 1em;
width: 50%;
overflow: auto;
float: left;
margin-right: 1em;
}

.videos a{
color: white;
}

.videos:hover{
background: rgb(0, 201, 61);
}

.tutoriales{
background-color: rgb(97, 253, 144);
padding: 1em;
width: 50%;
overflow: auto;
float: left;
clear: both;
margin-bottom: 1em;
}

.tutoriales a{
color: white;
}

.tutoriales:hover{
background-color: rgb(0, 201, 61);
}

.redes{
width: 40%;
overflow: auto;
margin-left: 1em;
}

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

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);
}
    
.videos {
background-color: rgb(97, 253, 144);
padding: 1em;
margin-bottom: 1em;
margin-top: 1em;
width: 100%;
overflow: auto;
float: left;
}

.videos a{
color: white;
}
    
.tutoriales{
background-color: rgb(97, 253, 144);
padding: 1em;
width: 100%;
overflow: auto;
float: left;
clear: both;
margin-bottom: 1em;
}

.tutoriales a{
color: white;
}

.redes{
width: 90%;
margin-bottom: 1em;

}
    
.parrafo {
overflow: auto;
float: right;
font-size: 0.5em;
width: 85%;
margin-top: 1em;
text-align:left;
}
    
       
    
    @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;
}

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