header {
  .logo {
    grid-area: logo;
  }

  .header__nav {
    grid-area: hnav;
  }

  .search {
    grid-area: srch;
    align-self: center;
  }

  @extend %grid;
  grid-template-areas: templateRow((1,'.',3,'logo',6,'hnav',3,'srch',1,'.'));
  background-color: #20232a;
  color: #ffffff;
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 60px;
}