@media (min-width: 721px) and (max-width: 1180px) {
  .grid.four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .room-grid,
  .lobby-grid,
  .auth-layout {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1181px) {
  .desktop-wide {
    display: initial;
  }
}