.lead {
  font-family: @headings-font-family;
  font-weight: 400;
  letter-spacing: inherit;

  line-height: @line-height-large;

  .section-content .frame-default:first-child > & {

    font-weight: @headings-font-weight;
    font-size: ceil(@jumbotron-font-size * 0.7);
    @media (min-width: @screen-sm-min) {
      font-size: ceil(@jumbotron-font-size * 0.8);
    }
    @media (min-width: @screen-md-min) {
      font-size: ceil(@jumbotron-font-size * 0.9);
    }
    @media (min-width: @screen-lg-min) {
      font-size: ceil(@jumbotron-font-size);

    }
  }
}

h1 {
  font-weight: 200;
  letter-spacing: -0.01em;
  color: @brand-primary;
  strong, b {
    font-weight: 400;
  }

  font-size: @jumbotron-heading-font-size * 0.5;
  @media (min-width: @screen-sm-min) {
    font-size: @jumbotron-heading-font-size * 0.65;
  }
  @media (min-width: @screen-md-min) {
    font-size: @jumbotron-heading-font-size * 0.8;
  }
  @media (min-width: @screen-lg-min) {
    font-size: @jumbotron-heading-font-size;
  }

}

h2, .h2 {
  font-weight: 500;
  color: @brand-primary;
  position: relative;
  margin-bottom: 1em;
  &:after {
    content: '';
    height: 3px;
    width: 30px;
    //background-color: @brand-primary;
    background-color: @brand-secondary;
    position: absolute;
    left: 0;
    bottom: -0.5em;
  }
}

h1, h2, h3, h4, h5 {
  header:first-child & {
    margin-top: 0;
  }
}

.frame-default {
  h1, h2, h3, h4, h5 {
    &:first-child {
      margin-top: 0;
    }
  }
}

h3, h4, h5 {
  font-weight: 400;
  line-height: @line-height-large;
}

p {
  letter-spacing: -0.015em;
}

.btn {
  font-family: @headings-font-family;
  transition: all .1s ease;
}

