.clear:before, .clear:after {
    content: " ";
    display: table;
}
 
.clear:after {
    clear: both;
}
 
.clear {
    *zoom: 1;
}
 
a#pull {
    display: none;
}
a#logo{
display:none;
 }

@media only screen and (max-width : 650px) {
    .nav {
        border-bottom: 0;
        height: auto;
    }
 
    .nav {
        display: none;
        height: auto;
        width: 100%;
    }
 
    .nav li {
        width: 50%;
        float: left;
        position: relative;
    }
 
    .nav a {
        text-align: left;
        width: 100%;
        text-indent: 25px;
    }
 
    #pull{
    width:80%;
     }
    a#pull {
        
        float:right;
        display: block;
        position: relative;
    }
    #pull img{
    float:right;
    padding-right:2%;
    width:80%;
    min-width:55px;
    max-width:70px;
    
     }
    a#logo{
        padding-left:2%;
        float:left;
        display: block;
        width: 50%;
        position: relative; 
        min-width:120px; 
     }
 
     a#pull:after {
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
    }
    
    
.mini-img{
width:45%;
text-align:center;
min-width:150px;
max-width:400px;
display:inline-block;
 }
 .subtitulos{
 font-size:medium;
  }
  
  
  
.menu-items{
display:inline-block;
max-width:120px;
min-width:20%;
padding:0.5%; 
padding-bottom:3%; 
 }
 
 .menu-items img{
 width:70%;
 border-radius:10px;
  }
  .menu-items:hover{
  background-color:#CBE6C0;
  border-radius:10px;
   }
   
  .sinpadding img{
  min-width:20px;
   }
}

@media only screen and (max-width : 240px) {
.menu-items{
display:inline-block;
max-width:70px;
min-width:15%;
padding:0.5%;
padding-bottom:8%; 
 }
 
 .subtitulos{
 font-size:small;
  }
}