header {
  > #menu_bar:first-child {    
    height: var(--header-height);
    width: calc(100% - var(--header-sides-space) * 2);
    max-inline-size: calc(1470px - var(--header-sides-space) * 2);
    margin-inline: auto;

    position: relative;
    z-index: var(  --z-index-level-high-second);
    nav {
      font-size: var(--font-size-smaller);
      font-weight: var(--font-weight-bold);
    }
  }
  > :last-child:not(#menu_bar) {
    width: 100%;
    max-inline-size: 1470px;
    margin-inline: auto;
    padding-inline: var(--header-sides-space);
    z-index: var(--z-index-level-high-first);

    margin-block-start: auto;
  }
}
header.light {
  > #menu_bar:first-child {
    .main-links > a {
      color: var(--text-color-light-primary);
    }          
  }
}


@media (width <= 1024px) {
  #menu_bar .logo {
    width: 150px;
  }
  header {
    #menu_primary {
      display: none;
    }
    & button {
      display: none;
    }
  }
}