@media only screen and (max-width:980px) {
    header div,
    section article,
    #headstuff > div,
    footer div,
    aside div,
    .content_organizers {
        width: 910px;
    }  
    section article div.col-3 div:last-child {
        margin: 40px 0 0 0 !important;
        clear: both;
        flex-basis: calc(100% - 16px);
    }
    section article div.col-3 div{
       flex-basis: calc(50% - 16px); 
    } 
    #headstuff {
        height: 52px;
    }
    #headstuff ul.lang li a {
        padding: 19px 8px 18px 8px;
    }
    header nav.headstuff ul:first-child li:hover ul { 
    display: none; 
    }
    header {
        background-image: none;
        border-bottom: 0; 
        display: inline-block;
        padding: 40px 0px;
        margin: 0;
        box-shadow: none;
    }
    header nav.menu {
        display: none;
    }  
    header div a {
        float: left;
    } 
    header nav#logo {
        margin: auto
    }
    header nav.headstuff {
        flex-grow:0;
    }
    header nav#bars {
        display: block;
    }
    aside div ul:first-child {
        left: 80px
      }
    section {
        padding-top: 30px;
    }
    #headstuff ul#buscador {
        display: none;
    } 
    table.agenda tr td:first-child::before, table.agenda tr th:first-child::before {
        content: '';
        display: block;
    }
    div.agenda_wrap {
        overflow: scroll;
    }



}

@media only screen and (max-width:910px) {
    header div,
    section article,
    #headstuff > div,
    footer div,
    aside div,
    .content_organizers {
        width: 790px;
    } 
    div.table-scroll,
    div.main-scroll { 
        overflow: scroll;
         -webkit-box-shadow: inset -3px -3px 10px 1px rgba(143, 143, 143, 0.2);
        -moz-box-shadow: inset -3px -3px 10px 1px rgba(143, 143, 143, 0.2);
        box-shadow: inset -3px -3px 10px 1px rgba(143, 143, 143, 0.2);
    } 
    aside div ul:first-child {
        left: 20px
    }
}

@media only screen and (max-width:790px) {
    header div,
    section article,
    #headstuff > div,
    footer div,
    aside div,
    .content_organizers {
        width: 700px;
    } 
    section article div.col-3 div{
        flex-basis: calc(100% - 10px);
        margin: 20px 0 0 0 !important;
    } 
    aside div ul:first-child {
        left: -20px
      }
      .wp-block-column {

    flex-basis: calc(60% - 186px); 

}
    .wp-block-column:not(:first-child) {

    margin-left:0;
    }
    .wp-block-column:first-child {

    margin-right: 30px;

    }

}

@media only screen and (max-width:700px) {
    header div,
    section article,
    #headstuff > div,
    footer div,
    aside div,
    .content_organizers {
        width: 620px;
    }
    section article div.col {
        margin: 0; 
    }
    section article div.col div {
        display: block;
        text-align: center;
        padding: 0;
    }
    section article div.col div figure {
        display: none;
    } 
    aside div ul:first-child {
      left: 50px
    }
    .wp-block-column {
    flex-basis: calc(70% - 186px); 
    }
}

@media only screen and (max-width:620px) {
    header div,
    section article,
    #headstuff > div,
    footer div,
    aside div,
    .content_organizers {
        width: 500px;
    } 
    aside div ul:first-child {
        left: 0;
    }
    .wp-block-column {

    flex-basis: calc(100%);
     
    }
    .wp-block-column:nth-child(2n) {

    margin-left:0;
    }
    .wp-block-column:first-child {

    margin-right: 0;

    }
     
}

@media only screen and (max-width:500px) {
    header div,
    section article,
    #headstuff > div,
    footer div,
    aside div,
    .content_organizers {
        width: 420px;
    } 
    aside div ul:first-child {
        left: 80px
    }
    header nav ul li {
        display: grid; 
    }
    header nav.headstuff ul:first-child > li a {
        border:1px solid #FFF;
        padding: 12px 8px;
    }
    header nav.headstuff ul:first-child > li:first-child a {
        border-bottom: 0;
        border-radius: 30px 30px 0 0;
    }
    header nav.headstuff ul:first-child > li:last-child a { 
        border-radius: 0 0 30px 30px;
    }
    header nav.headstuff ul:first-child > li a span {
        display: none;
    }
     
}

@media only screen and (max-width:420px) {
    header div,
    section article,
    #headstuff > div,
    footer div,
    aside div,
    .content_organizers {
        width: 320px;
    } 
    aside div ul:first-child {
        left: 35px
    } 
}