<div class="@B.BackgroundPrimaryLight">
    <Section IsSmall>
        <h1 class="title">Small section</h1>
        <h2 class="subtitle">
            A simple container to divide your page into <strong>sections</strong>, like the one you're currently
            reading.
        </h2>
    </Section>
</div>

<hr>

<div class="@B.BackgroundPrimaryLight">
    <Section IsMedium>
        <h1 class="title">Medium section</h1>
        <h2 class="subtitle">
            A simple container to divide your page into <strong>sections</strong>, like the one you're currently
            reading.
        </h2>
    </Section>
</div>


<hr>

<div class="@B.BackgroundPrimaryLight">
    <Section IsLarge>
        <h1 class="title">Large section</h1>
        <h2 class="subtitle">
            A simple container to divide your page into <strong>sections</strong>, like the one you're currently
            reading.
        </h2>
    </Section>
</div>