Footer: Size Variation

<footer class="footer mini center">
    <div class="main">
        <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 small center">
    <div class="main">
        <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="main">
        <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 large center">
    <div class="main">
        <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 big center">
    <div class="main">
        <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>