These are heading styles. Font-style should be bold for these headers.
<!--
Desktop: font-size: 48px; line-height: 54px;
Mobile: font-size: 36px; line-height: 40.5px; -->
<h1>H1 Title</h1>
<!-- Class name styles inheritance -->
<!-- <p class="h1">H1 Title</p> -->
<!--
Desktop: font-size: 36px; line-height: 40.5px;
Mobile: font-size: 28px; line-height: 32px; -->
<h2>H2 Title</h2>
<!-- Class name styles inheritance -->
<!-- <p class="h2">H2 Title</p> -->
<!-- Desktop & Mobile: font-size: 24px; line-height: 27px; -->
<h3>H3 Title</h3>
<!-- Class name styles inheritance -->
<!-- <p class="h3">H3 Title</p> -->
<!-- Desktop & Mobile: font-size: 20px; line-height: 22.5px; -->
<h4>H4 Title</h4>
<!-- Class name styles inheritance -->
<!-- <p class="h4">H4 Title</p> -->
<!-- Desktop & Mobile: font-size: 16px; line-height: 20px; -->
<h5>H5 Title</h5>
<!-- Class name styles inheritance -->
<!-- <p class="h5">H5 Title</p> -->
<!-- Desktop & Mobile: font-size: 12.8px; line-height: 16px; -->
<h6>H6 Title</h6>
<!-- Class name styles inheritance -->
<!-- <p class="h6">H6 Title</p> -->