<div class="pier-section -bd-1-gray"><p>Content in viewport</p></div>

<div class="pier-section pier-section--xs -bd-1-gray"><p>XS Padding</p></div>
<div class="pier-section pier-section--sm -bd-1-gray"><p>SM Padding</p></div>
<div class="pier-section pier-section--md -bd-1-gray"><p>MD Padding</p></div>
<div class="pier-section pier-section--lg -bd-1-gray"><p>LG Padding</p></div>
<div class="pier-section pier-section--xl -bd-1-gray"><p>XL Padding</p></div>