@media (min-width: 961px) {
  /* tablet, landscape iPad, lo-res laptops ands desktops */
  header {
    padding: 0.5rem 1.25rem;
  }

  header .headerRow {
    grid-template-columns: min-content 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 20px;
  }

  header .headerRow #headerLogo {
    grid-column: 1 / 1;
    grid-row: 1 / 1;
  }
  header .headerRow #headerProductionTitle {
    grid-column: 2 / 2;
    grid-row: 1 / 1;
  }
  header .headerRow #user_loginContainer {
    grid-column: 3 / 3;
    grid-row: 1 / 1;
  }

  #contentHolder {
    display: grid;
    grid-template-columns: min-content 6px 1fr;
    grid-template-rows: auto;
  }
  #contentNavigation {
    visibility: visible;
    grid-column: 1 / 1;
    grid-row: 1 / 1;
  }
  #contentMain {
    grid-column: 3 / 3;
    grid-row: 1 / 1;
  }
  #contentNavigationExpander {
    position: relative;
    width: 100%;
    height: 100%;
    grid-column: 2 / 2;
    grid-row: 1 / 1;
  }
}
