header {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: .5rem;
  border-top: 5px solid transparent;
  border-bottom: 5px solid $foam;

  > div {
    display: flex;
    justify-content: space-between;
    width: $container-full;
    align-items: center;
  }

  .navbar-nav {
    flex-direction: row !important;

    li:not(:last-child) {
      border-right: 2px solid darken($base_light, 5%);
    }

    a.nav-link {
      padding: 0 1rem;
      text-decoration: none;
      transition: color .2s ease-in-out;
      &:hover {
        color: $orangeish;
      }
    }
  }
}

