.header {
  padding: 11px 0px 35px 0px;

  &__container {
    .container();
  }

  &__row {
    .row;
  }

  &__logo {
    .make-xs-column(2);
  }

  &__title {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
  }

  &__nav {
    .make-xs-column(18.5);
  }

  &__do {
    .make-xs-column(3.5);
    margin-top: 15px;
    text-align: right;

    .btn {
      width: 100%;
    }
  }
}


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

    li {
      display: inline-block;

      a {
        text-decoration: underline;
        color: #000;

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

  &--header {
    margin-top: 15px;

    li {
      display: inline-block;
      margin-right: 15px;

      &:last-child {
        margin-right: 0;
      }

      a {
        padding: 0;
        font-size: 16px;
        color: #000;

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