Foundation6 headers - Avoid skipping heading levels when structuring your document, as it confuses screen readers. For example, after using an <h2> in your code, the next heading used should be either <h2> or <h3>. If you need a heading to look bigger or smaller to match a specific style, use CSS to override the default size.

Foundation6 - headers

<h1>h1. This is a very large header.</h1>
<h2>h2. This is a large header.</h2>
<h3>h3. This is a medium header.</h3>
<h4>h4. This is a moderate header.</h4>
<h5>h5. This is a small header.</h5>
<h6>h6. This is a tiny header.</h6>


<!-- 

Header	Default	Large and up
<h1>	24px	48px
<h2>	20px	40px
<h3>	19px	31px
<h4>	18px	25px
<h5>	17px	20px
<h6>	16px	16px

-->