@media screen and (min-width:750px){
  #header .grid{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
}

@media screen and (min-width:899px){
  #header .logo-align--left{
    max-width: 20%;
  }
  #header nav{
    max-width: 65%;
    width: 100%;
  }
  #header nav .site-nav{
    text-align:left;
  }
  #header .site-header__icons{
    max-width:15%;
  }
}