/* Comfortable rhythm for the one-screen Retail picker. */
@media (min-width: 901px) {
  #midnight-logo {
    margin-top: 5px !important;
    margin-bottom: 12px !important;
  }

  .gamemode-toggle {
    margin-bottom: 12px !important;
  }

  .section-heading {
    margin-bottom: 14px !important;
  }

  .spec-grid {
    row-gap: 12px !important;
    margin-bottom: 14px !important;
  }

  #player-section .video-holder.glass {
    margin-top: 8px !important;
  }
}

@media (min-width: 901px) and (max-height: 820px) {
  #midnight-logo {
    margin-top: 2px !important;
    margin-bottom: 8px !important;
  }

  .gamemode-toggle {
    margin-bottom: 9px !important;
  }

  .section-heading {
    margin-bottom: 10px !important;
  }

  .spec-grid {
    row-gap: 9px !important;
    margin-bottom: 9px !important;
  }

  #player-section .video-holder.glass {
    margin-top: 5px !important;
  }
}

@media (min-width: 901px) and (max-height: 700px) {
  #midnight-logo,
  .gamemode-toggle,
  .section-heading,
  .spec-grid {
    margin-bottom: 6px !important;
  }

  .spec-grid {
    row-gap: 7px !important;
  }
}

@media (max-width: 900px) {
  #midnight-logo {
    margin-bottom: 13px !important;
  }

  .gamemode-toggle {
    margin-bottom: 13px !important;
  }

  .section-heading {
    margin-bottom: 15px !important;
  }

  .spec-grid {
    row-gap: 10px !important;
    margin-bottom: 16px !important;
  }
}