.max-fixed {
    max-width: 1200px;
}

.centring {
/*
  display: flex;
  justify-content: center;
*/
}

/* Desktop: constrain site content to 1200px */
@media screen and (min-width: 800px) {
  /* Header spans full width (blue background); content aligned to main + 2em grid */
  #slnt-header {
    max-width: none;
    box-sizing: border-box;
    padding-left: max(0em, calc((100% - 1200px) / 2 + 0em));
    padding-right: max(2em, calc((100% - 1200px) / 2 + 2em));
  }

  /* Logo area: same 1200px centering + 2em to align with menu text */
  #slnt-logo {
    padding-left: max(0em, calc((100% - 1200px) / 2 + 0em));
  }

  /* Main content constrained to 1200px */
  main[role="main"] {
    /*
    width: 100%;
    max-width: 1200px;
    */
    /*
    margin-left: auto;
    margin-right: auto;
    */
  }
}