Responsive headings

Change the size of the screen to see the effect.

    
<h1 class="h1-responsive">Heading h1</h1>
<h2 class="h2-responsive">Heading h2</h2>
<h3 class="h3-responsive">Heading h3</h3>
<h4 class="h4-responsive">Heading h4</h4>
<h5 class="h5-responsive">Heading h5</h5>

Responsive text

Change the size of the screen to see the effect.

    
<p class="flow-text">I am a responsive text</p>

Alignment

Vertical align

.verticalcenter aligns content on base of height of its parent box. In the example below parent box = 400px

    
<div class="verticalcenter">
    <h3>Vertical aligned content</h3>
</div>

Horizontal align

    
<div class="text-center">
    <h3>Horizontal aligned content</h3>
</div>

Vertical and horizontal align

    
<div class="verticalcenter text-center">
    <h3>Vertical and horizontal aligned content</h3>
</div>

Left align

    
<div class="text-left">
    <h3>Left aligned content</h3>
</div>

Right align

    
<div class="text-right">
    <h3>Right aligned content</h3>
</div>

Justified text

    
<div class="text-justify">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio reprehenderit, porro quidem libero sapiente accusamus provident aliquam odit voluptas reiciendis, minima quos, laborum saepe nemo. Quos voluptatem nemo rerum unde. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis accusamus obcaecati facere voluptates, incidunt deleniti, sapiente dolorem totam! Sequi, quidem cumque perferendis repellendus beatae unde consequatur! Molestiae eius suscipit, explicabo?</p>
</div>

Center on small screens only

Change the size of the screen to see the effect.

    
<div class="center-on-small-only">
    <h5>Lorem ipsum</h5>
</div>

Dividers

Section title

        <div class="divider-new">Section title</div>
    

Magazine style

Title Lorem ipsum dolor sit amet, consectetur adipisicing elit.

        <h5 class="section-title st-blue">Title <small>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</small></h5>
    

Use one of the following classes to change the color: