Footer: Size Variation Layout Top Bottom

<footer class="footer center">
    <div class="top mini">
        <div class="wrap">
            <p class="title footer">Atomic Package</p>
            <p class="subTitle footer">APBCSS UI Kit for everyone to share and enjoy.</p>
        </div>
    </div>
</footer>

<br><br>

<footer class="footer center">
    <div class="top small">
        <div class="wrap">
            <p class="title footer">Atomic Package</p>
            <p class="subTitle footer">APBCSS UI Kit for everyone to share and enjoy.</p>
        </div>
    </div>
</footer>

<br><br>

<footer class="footer center">
    <div class="top">
        <div class="wrap">
            <p class="title footer">Atomic Package</p>
            <p class="subTitle footer">APBCSS UI Kit for everyone to share and enjoy.</p>
        </div>
    </div>
</footer>

<br><br>

<footer class="footer center">
    <div class="top large">
        <div class="wrap">
            <p class="title footer">Atomic Package</p>
            <p class="subTitle footer">APBCSS UI Kit for everyone to share and enjoy.</p>
        </div>
    </div>
</footer>

<br><br>

<footer class="footer center">
    <div class="top big">
        <div class="wrap">
            <p class="title footer">Atomic Package</p>
            <p class="subTitle footer">APBCSS UI Kit for everyone to share and enjoy.</p>
        </div>
    </div>
</footer>