.navigation {
  margin-left: 7rem;

  ul {
    list-style: none;
    display: flex;
    padding: 0;

    li {
      &:not(:last-child) {
        margin-right: 5rem;
      }

      a {
        font-size: 1.6rem;
        color: #fcfcf4;
        font-weight: 400;
        line-height: 1.25;
        text-decoration: none;
        transition: all .3s;
        letter-spacing: .3px;

        &:hover {
          text-decoration: underline;
        }
      }
    }
  }

  @include screen(lg, max) {
    margin-left: 0;

    ul {
      width: 100%;
      flex-wrap: wrap;
      justify-content: center;

      li {
        margin: 0 !important;
        padding: 1.2rem;
      }
    }
  }
}