@media screen and (max-width: 1024px) and (min-width: 768px) {
  .site-header .header-layout {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
  }
  .site-header .header-layout .header-item--icons {
    justify-content: start;
  }
  .site-header .header-layout .header-item--logo {
    justify-content: center;
    margin: auto;
  }
  .site-header .header-layout .header-item--logo .site-header__logo {
    margin: auto;
  }
  .site-header .header-layout .site-nav__icons {
    justify-content: end;
  }
}