@include breakpoint(xs) {
  html {
    font-size: 100% !important;
  }
}

@include breakpoint(lg) {
  html {
    font-size: 105% !important;
  }
}

@include breakpoint(xl) {
  html {
    font-size: 110% !important;
  }
}

h1 {
  font-weight: $font-weight-normal;
  @include font-size($base-font-size + 22);
}

h2 {
  @include font-size($base-font-size + 12);
}

h3, .heading-md {
  @include font-size($base-font-size + 6);
}

h4 {
  @include font-size($base-font-size + 4);
}

h5 {
  @include font-size($base-font-size + 2);
}

h6 {
  @include font-size($base-font-size);
}