source/stylesheets/components/_nav.scss

// scss-lint:disable NestingDepth,SelectorDepth
.navbar-default {
  .navbar-collapse {
    @media (max-width: 767px) {
      text-align: center;
    }
  }

  .navbar-brand {
    .wordmark {
      transition: fill .3s;
    }

    &:focus,
    &:hover {
      outline: 0;

      .wordmark {
        fill: $color-primary-alt;
      }
    }
  }

  .navbar-nav {
    margin-bottom: 0;

    @media (min-width: $screen-sm-min) {
      float: right;
    }

    > li {
      &:last-child {
        border-bottom: 2px solid $color-primary;

        @media (min-width: $screen-sm-min) {
          border-bottom: 0;
        }
      }

      > a {
        font-size: 16px;
        padding-left: 30px;
        padding-right: 30px;

        @media (max-width: 991px) {
          padding-left: 15px;
          padding-right: 15px;
          font-size: 14px;
        }

        @media (max-width: 767px) {
          padding-top: 8px;
          padding-bottom: 8px;
          font-size: 16px;
        }
      }
    }

    .sign-in-up-btn {
      @media (min-width: 767px) {
        border: 1px solid $color-primary;
        border-radius: 3px;
        padding: 4px 20px;
        margin-left: 25px;
        margin-top: 9px;
        background-color: $color-white;
        color: $color-primary;
        font-weight: 600;

        &:hover,
        &:focus {
          background-color: $color-primary;
          color: $color-white;
          outline: 0;
        }
      }

      @media (min-width: 990px) {
        padding: 5px 30px;
      }
    }
  }
}
// scss-lint:enable NestingDepth,SelectorDepth