Bootstrap responsive headers (h1, h2, h3, h4, h5, h6)

bootstrap-responsive-headers.less

body {
  .headers(@i, @diff) when (@i > 0) {
    h@{i} {
      @font-size: "font-size-h@{i}";
      font-size: @@font-size - @diff;
    }

    .headers(@i - 1, @diff);
  }
	
  @media (max-width: @screen-xs-max) {
    .headers(6, 6);
  }

  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
    .headers(6, 4);
  }

  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
    .headers(6, 2);
  }
}