Show/hide markup
<section class="section bg-none collapsed">
    <div class="row">
        <div class="layout">
            <!-- Content goes here -->
        </div>
    </div>
</section>

<section class="section bg-none extra-space">
    <div class="row">
        <div class="layout">
            <!-- Content goes here -->
        </div>
    </div>
</section>

<section class="section bg-none horizontal-rule">
    <div class="row">
        <div class="layout">
            <!-- Content goes here -->
        </div>
    </div>
</section>

<section class="section bg-none force-padding">
    <div class="row">
        <div class="layout">
            <!-- Content goes here -->
        </div>
    </div>
</section>