@media (max-width:1680px) and (min-width:320px){
    header .logo{
        width:50%;
    }
}
@media (max-width:1366px) and (min-width:320px){
    header .logo{
        width:60%;
    }
    section{
        width:95%;
    }
}
@media (max-width:1024px) and (min-width:320px){
    #menu{
        display:none;
        position:fixed;
        top:0;
    }
    #menu ul{
        width:75%;
        margin:0 auto;
        display:block;
    }
    #menu ul li{
        display:block;
        width:100%;
        border-bottom:2px solid #222;
    }
    #menu ul li:last-child{
        border-bottom:0;
    }
    .boton_movil{
        display:block;
    }
    .switch{
        display:block;
    }
    header .logo{
        width:65%;
    }
    .separador{
        min-height:30px;
    }
    .modulo1 .texto{
        width:60%;
    }
    .modulo1 .imagen, .modulo1 .slider_aside{
        width:36%;
    }
    .modulo2 .texto{
        width:100%;
    }
    .modulo2 .imagen{
        width:100%;
        margin-bottom:20px;
    }
    .box70{
        width:58%;
    }
    .box30{
        width:38%;
    }
    #donde #map:before{
        padding-top:60%;
    }
    #colaboran ul li{
        width:32%;
    }
    #colaboran ul li:nth-last-child(-n+1){
        margin-bottom:0;
    }
    #colaboran ul li:nth-child(3n){
        margin-right:0;
    }
}
@media (max-width:960px) and (min-width:320px){
    header .logo{
        width:70%;
    }
    .box70{
        width:100%;
    }
    .box30{
        width:100%;
        margin-bottom:20px;
    }
    #donde, #donde p{
        text-align:center;
    }
    #donde #map:before{
        padding-top:50%;
    }
}
@media (max-width:768px) and (min-width:320px){
    .modulo2{
        width:100%;
        margin-bottom:30px;
    }
    .modulo2:nth-last-child(-n+2){
        margin-bottom:30px;
    }
    .modulo2:last-child{
        margin-bottom:0;
    }
    .modulo2 .texto{
        width:67%;
    }
    .modulo2 .imagen{
        width:30%;
    }
}
@media (max-width:640px) and (min-width:320px){
    h2{
        font:4em 'Marcellus SC', cursive;
        padding:10px;
    }
    h3{
        font:2.25em 'Marcellus SC', cursive;
    }
    h4{
        font-size:1.25em;
    }
    h5{
        font:1.2em 'Marcellus SC', cursive;
    }
    section{
        padding:30px;
    }
    .modulo1 .texto{
        width:100%;
    }
    .modulo1 .imagen, .modulo1 .slider_aside{
        width:100%;
        margin-bottom:30px;
    }
    .modulo1 h4{
        margin-top:0px;
    }
    .modulo2 .texto{
        width:50%;
    }
    .modulo2 .imagen{
        width:47%;
    }
    .modulo3{
        width:48%;
        margin-right:4%;
    }
    .modulo3:nth-last-child(-n+4){
        margin-bottom:30px;
    }
    .modulo3:nth-child(4n){
        margin-right:4%;
    }
    .modulo3:nth-last-child(-n+2){
        margin-bottom:0px;
    }
    .modulo3:nth-child(2n){
        margin-right:0;
    }
    .ribbon{
        width:85%;
    }
    #colaboran ul li{
        width:48%;
        margin-right:4%;
    }
    #colaboran ul li:nth-last-child(-n+3){
        margin-bottom:20px;
    }
    #colaboran ul li:nth-last-child(-n+2){
        margin-bottom:0;
    }
    #colaboran ul li:nth-child(3n){
        margin-right:4%;
    }
    #colaboran ul li:nth-child(2n){
        margin-right:0;
    }
}
@media (max-width:480px){
    header .logo{
        width:60%;
    }
    h2{
        font:2.5em 'Marcellus SC', cursive;
    }
    .modulo2 .texto{
        width:100%;
    }
    .modulo2 .imagen{
        width:100%;
    }
    .modulo3{
        width:100%;
    }
    .modulo3:nth-last-child(-n+2){
        margin-bottom:30px;
    }
    .modulo3:last-child{
        margin-bottom:0px;
    }
    .ribbon{
        width:80%;
    }
    #colaboran ul li{
        width:100%;
    }
    #colaboran ul li:nth-last-child(-n+2){
        margin-bottom:20px;
    }
    #colaboran ul li:last-child{
        margin-bottom:0px;
    }
    .ribbon{
        font-size:1.5em;
    }
}