.header {
  text-align: center;
  padding: 30px 0px;

  &__container {
    .container();
  }

  &__logo {
    margin-bottom: 30px;
    display: inline-block;
  }

  &__title {
    //margin-bottom: 20px;
  }

  &__nav {
    margin-top: 30px;
  }
}

.nav {
  width: 100%;
  text-align: center;

  li {
    display: inline-block;

    a {
      text-decoration: underline;
      color: #000;
      
      &:focus, &:hover {
        color: #000;
        text-decoration: underline;
      }
    }
  }
}