Footer: Size Variation Layout Main

<footer class="footer center">
    <div class="main 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="main 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="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 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="main 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>