@media (max-width: 800px), (max-height:520px ) {

  :root {
    --olab-layout-gap: 10px;
  }
  
  .menu-icon {
    display: block;
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 1.5em;
    cursor: pointer;
  }


  body {
    font-size: 16px;
  }

  .left-menu {
    width: 100vw;
    height: 100vh;
    left: -110vw;
  }
  .left-menu.active { left: 0; }
  .routes {
    margin-left: 0;
  }
/* 
  .fitem {
    grid-template-columns: auto min-content min-content;
    max-width: 90vw;
  } */

  /* .fitem input, .fitem textarea, .fitem select {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    width: 100%;
  }
  .fitem .button-edit {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    align-self: center;
  }
  .fitem .button-history {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
    align-self: center;
  } */
  /* .fitem .fitem-save-buttons {
    grid-row: 3 / 4;
    grid-column: 1 / 2;
    align-self: right;
    text-align: right;
  }
  .fitem-history {
    grid-column: 1 / 4;
  }   */
}