h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top : 0;
  margin-bottom : $space-md;
  font-family : $font-family-base;
  font-weight : $font-weight-base;
  line-height : $line-height-base;

  &:empty {
    display: none;
    margin: 0;
  }
}

h1, .h1 {

  font-size: $font-size-xl;

  @include mq($breakpoint-lg) {
    font-size: $font-size-xxl;
  }

  @include mq($breakpoint-xl) {
    font-size: $font-size-xxxl;
  }
}

h2, .h2 {
  font-size: $font-size-lg;

  @include mq($breakpoint-lg) {
    font-size: $font-size-xl;
  }

  @include mq($breakpoint-xl) {
    font-size: $font-size-xxl;
  }
}

h3, .h3 {
  font-size: $font-size-base;

  @include mq($breakpoint-lg) {
    font-size: $font-size-lg;
  }

  @include mq($breakpoint-xl) {
    font-size: $font-size-xl;
  }
}

h4, .h4 {
  font-size: $font-size-sm;

  @include mq($breakpoint-lg) {
    font-size: $font-size-base;
  }

  @include mq($breakpoint-xl) {
    font-size: $font-size-lg;
  }
}

:lang(ja) {
  h4, h5, h6 {
    font-size: 95%;
  }
  h3 {
    font-size: 1.750rem;
  }
}