/*big screen*/
/* @media only screen and (min-width: 2450px) {

    body {line-height: 1.8em; font-size:19px}

  
    .sidekick-cont {width: 4em; }
    .sidekick {left: 1.5em;}
    .collage-item { width: 19.2%; height: 34rem;}
    .grid-item-archive {width: 31.7%;}
    
    } */


@media only screen and (max-width: 900px) {
        body {font-size: 17px; font-size: 2vw;}
        h2 {font-size: 2.9em;}
        .container { width: 94%; margin: 0 3%;}
        .topbar .logo {margin-left: 1em;}
        .topbar { width: 88%;}
        .nav-cont {display: none;}
        #ham {display: block; right:1.4em; top:1.4em} #lang-switcher {display: none;}
        h1 {font-size: 4.3em;}
        .intro .video { position: static; transform: translateY(0); width: 252%;}
        .intro .logo {width: 50vw;}
        .events-left {width: 100%; margin-bottom: 2em;}
        .events-section { padding: 8em 0 4em;}
        .events-section table { width: 95%;}

 
        
        .gallery .square {height: auto; width: 92.65%;}
        /* .slot {margin-bottom: 2vw; height: 29vw;}
        .slot1, .slot2, .slot3, .slot4, .slot5, .slot6, .slot7, .slot8, .slot9, .slot10, .slot11 {
            width: 48%;}              
            .slot1, .slot3,  .slot5,  .slot7,  .slot9,  .slot11 {margin-right: 2%;}
            .slot2, .slot4,  .slot6,  .slot8,  .slot10 {margin-right: 0;} */

    }

@media only screen and (max-width: 500px) {
    body { font-size: 17px;  font-size: 4vw;}
    h1 {font-size: 6.2em;}
    h2 {font-size: 3.1em;}
    h3 {font-size: 1.3em;}
    p {font-size: 0.9em; padding-right: 0;}
    .container { width: 86%; margin: 0 7% 0 7%;}
    .col {width: 100%;}
    .menu .nav-cont {margin-left: 0; margin-top: 3em;}
    #ham {right: -15.6em;}
    .intro .logo {width: 71vw;}
    .intro-text {    top: 70%;}
    .intro-text {font-weight: 300;}
    .sidekick {position: absolute; right: 4%; top: auto; bottom: 6em;}
    .events-section {padding: 3em 0 3em;}
    /* .events .country {display: none;} */
    .events tr {padding-bottom: 1.8em; display: block;}
    .events tr:last-child {border-bottom: none;}
    .events-section td {display: block;}
    .events .td-date {display: inline; float: left;}
    .events .venue {clear: both; padding-top: 0;}
    .events .town {padding-top: 0; padding-right: 1em;}
    .events .country {padding-top: 0;}

    .bio-section p { padding-right: 0; margin-top: 1em;}

    .releases-section {padding: 0em 0; overflow: auto;}
    .releases-section .releases-col1,
    .releases-section .releases-col2,
    .releases-section .releases-col3 {width: 100%;}
    .releases-col1 {margin-bottom: 1em;}
    .releases-col2 {margin-bottom: 3em;}
    .releases-section p {padding-right: 10%;}
    
    /* .onas {text-align: center;}
    .onas .flex {display: block;}
    .onas .flex .col {width: 100%; padding: 0;} */
    .sign {position: relative; top: -2em; left: 2em; width: 90%;}
    .gallery {padding-top:0em;}
    .gallery .square { height: auto; width: 93%; margin-bottom: 0.4em;}
    .gallery .square:nth-child(2n) {margin-right: 0;}
    .bio-col1, .bio-col2, .bio-col3 {width: 100%;}
    .bio-col1 {margin-bottom: 2em;}

    
.food-menu.stale-menu {margin-top: 2em;}
    .footer {padding-top: 4em;}
}