<h1>Header Level 1 - </h1>
<h2>Header Level 2 - </h2>
<h3>Header Level 3 - </h3>
<h4>Header Level 4 - </h4>
<h5>Header Level 5 - </h5>
<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
<h2>Header Level 2</h2>
<ol>
    <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
    <li>Aliquam tincidunt mauris eu risus.</li>
</ol>
<blockquote>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p>
</blockquote>
<h3>Header Level 3</h3>
<ul>
    <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
    <li>Aliquam tincidunt mauris eu risus.</li>
</ul>

Usage Guidelines

We MUST mantain heading order. Do not skip heading levels. To visually size one heading like a different one use a class as the heading size you would like

Example, I would like an H2 but the size of an H3

<h2 class="h3">Heading I want smaller</h2>

Heading sizes

For Desktop

Typography Scale : 1.25 - Major Third

h1 = font-size: 3.052rem;

h2 = font-size: 2.441rem;

h3 = font-size: 1.953rem;

h4 = font-size: 1.563rem;

h5 = font-size: 1.25rem;

For Mobile

Typography Scale : 1.125 - Minor Third

h1 = font-size: 1.802rem;

h2 = font-size: 1.602rem;

h3 = font-size: 1.424rem;

h4 = font-size: 1.266rem;

h5 = font-size: 1.125rem;