/* PRINT )) */
@media print {
    .print-only {display: block;}
    .noprint, .topbar, .intro, .plate3, .beer, .plate1, .plate2, .onas, .gallery, 
    .pano, .footer {display: none;}
    .food-menu {width: 83%; font-size: 2em; line-height: 1.6em; margin-bottom: 0;}
    .since {filter: invert(); padding-top: 0; display: none;}
    .logo-print {display: block; text-align: left; margin-bottom: 2em; width: 5em; }
    .stale-menu {margin-top: 0;}
    .alergeny {font-style: italic; font-size: 1.1em;}
    .stale-menu {font-size: 1.4em;}
    
  }


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

    body {line-height: 1.8em; font-size:19px}
    /* h1 {font-size: 5.8em;} */
    /* h2 {font-size: 3.2em;} */

  
    .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%; margin-left: -80%;}
        .intro .logo {width: 50vw;}
        .food-menu {width: 75%;}
        .beer, .plate3 {display: none;}
        
        .gallery .square {height: 11.7em;}
        /* .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) {
    .hide-on-mob {display: none;}
    body { font-size: 17px;  font-size: 4vw;}
    h1 {font-size: 6.2em;}
    h2 {font-size: 3.1em;}
    h3 {font-size: 1.3em;}
    .container { width: 90%; margin: auto;}
    .col {width: 100%;}
    .menu .logo {margin-left: 0}
    .menu .nav-cont {margin-left: 0; margin-top: 3em;}
    .intro {height: 26em;}
    .intro .logo {width: 71vw;}
    .food-menu {box-sizing: border-box; width: 92%; margin-top: 0em; padding: 2.6em;}
    .food-menu table {border-collapse: collapse;}
    .food-menu table tr {border-bottom: 1px solid #bebebe;}
    .food-menu table td { padding: 0.5em 0;}
    .food-menu h5 {font-size: 1.2em;}
    .food-menu button {width: 100%; margin-top:0.3em; display:block}
    .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:2em;}
    .gallery .square {width:49%; margin-right: 2%;}
    .gallery .square:nth-child(2n) {margin-right: 0;}

    /* .slot {width: 100%; height: auto;}
    .slot1, .slot3,  .slot5,  .slot7,  .slot9,  .slot11 {margin-right: 0;} */
.food-menu.stale-menu {margin-top: 2em;}
    .footer {padding-top: 4em;}

    .page-onas .onas {padding: 3em 5%;}
    .page-onas .onas h1 {font-size: 2.5em; margin-bottom: 1em;}
    .row-left-img .col1 {display: none;}
    .row-left-img, .row-right-img {display: block;}
    .row-left-img .col1, .row-right-img .col1, .row-left-img .col2, .row-right-img .col2 {width: 100%; padding-left: 0;}
    .sign-onas { width: 100%;}
    .foto-history img {width: 100%; margin-bottom: 0;
        margin-right: 0;
        padding: 0; margin-right: 0;  box-sizing: border-box;}
    .page-onas .since { width: 11em; padding-top: 0}

/* shop */
.shop h1 {font-size: 3.8em;}    
.product { width: 100%;}
.shop .img-cont { height: 117vw;}
    


}