.layout-grid {
  display: grid;
  grid-template-rows: var(--banner-height) auto;
  grid-template-columns: var(--sidebar-width) auto;
  .menu-grid {
    display: none;
  }
  .navbar-grid {
    display: none;
  }
  .banner-grid {
    grid-row: 1;
    grid-column: span 2;
  }
  .sidebar-grid {
    grid-row: 2;
    grid-column: 1;
  }
  .content-grid {
    grid-row: 2;
    grid-column: 2;
  }
}

@media only screen and (max-width: 50.00rem) {
  .layout-grid {
    display: grid;
    grid-template-rows: var(--navbar-height) var(--banner-height) auto;
    grid-template-columns: 100% auto;
    .menu-grid {
      display: unset;
    }
    .navbar-grid {
      display: unset;
      grid-row: 1;
      grid-column: span 2;
    }
    .banner-grid {
      grid-row: 2;
      grid-column: span 2;
    }
    .sidebar-grid {
      display: none;
    }
    .content-grid {
      grid-row: 3;
      grid-column: 1;
    }
  }
}