.header {
  margin-top: var(--nav-height);
  background: var(--secondary-text-color);
  z-index: 0;
  position: relative;

  @include min(tablet) {
    min-height: 1.7rem;
    margin-bottom: 0;
  }

  @include min(desktop) {
    min-height: 27rem;
    margin-bottom: 1.2rem;
  }

  >ol {
    max-width: var(--main-container-max);
    margin: 0 auto;
    padding: 2rem;
  }
}