@import "base/variables.less";
@import "base/mixins.less";

.navigation {
  text-align: center;
  .fz0;

  > li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 40px;

    @media @850 {
      margin: 0 15px;
    }

    &.active a {
      color: @colored;
    }

    > a {
      font-size: 20px;
      font-weight: 700;
      color: @dark;
      text-transform: uppercase;
      text-decoration: none;
      font-family: @second-font;

      &:hover {
        color: @colored;
      }

    }

  }
}