h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8 {
  font-family: @font-family--trade-gothic-bold-2;
  font-weight: 300;
  position: relative;
  text-transform: uppercase;

  &.debug {
    background: @white;
    display: inline-block;
    margin: @default--space 0;
  }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: @default--space;

  .lt-xl({
    margin-bottom: @default--space / 2;
  });
}

.h7, .h8 {
  .lt-xl({
    margin-bottom: @default--space / 4;
  });
}

.dark {
  hr {
    background: @white;
  }
}

.bold {
  font-family: @font-family--trade-gothic-bold-2;
}

.medium {
  font-family: @font-family--trade-gothic-medium;
}

.light {
  font-family: @font-family--trade-gothic-light;
}

h1, .h1 {
  font-size: @h1--font-size;
  line-height: @h1--line-height;
  letter-spacing: @h1--letter-spacing;
}

h2, .h2 {
  font-size: @h2--font-size;
  line-height: @h2--line-height;
  letter-spacing: @h2--letter-spacing;
}

h3, .h3 {
  font-size: @h3--font-size;
  line-height: @h3--line-height;
  letter-spacing: @h3--letter-spacing;

  .lt-md({
    font-size: @h3--font-size--small;
    line-height: @h3--line-height--small;
  });
}

h4, .h4 {
  font-size: @h4--font-size;
  line-height: @h4--line-height;
  letter-spacing: @h4--letter-spacing;
}

h5, .h5 {
  font-size: @h5--font-size;
  line-height: @h5--line-height;
  letter-spacing: @h5--letter-spacing;
}

h6, .h6 {
  font-size: @h6--font-size;
  line-height: @h6--line-height;
  letter-spacing: @h6--letter-spacing;
}

.h7 {
  font-size: @h7--font-size;
  line-height: @h7--line-height;
  letter-spacing: @h7--letter-spacing;
}

.h8 {
  font-size: @h8--font-size;
  line-height: @h8--line-height;
  letter-spacing: @h8--letter-spacing;
}

.ifa-landingpage {
  h2, .h2 {
    font-size: 1.5rem;
    line-height: @h3--line-height;
    letter-spacing: @h3--letter-spacing;

    .gt-lg({
      font-size: @h2--font-size;
      line-height: @h2--line-height;
      letter-spacing: @h2--letter-spacing;
    });
  }
}