3x Large icons centered above headlines

Large-icons-centered-above-headlines.html

<h2 style="text-align: center;">These icons are centered above centered headlines and paragraphs</h2>
<p style="text-align: center;">This is a h2 headline</p>
[lgc_column grid="33" tablet_grid="33" mobile_grid="100" last="false"]
<p style="text-align: center;"><i class="fa fa-envelope-open-o fa-3x" aria-hidden="true"><!-- comment --></i></p>

<h3 style="text-align: center;">This is a headline</h3>
<p style="text-align: center;">This is a couple of sentences of text that elaborate on the headline. You don't need much text here, just enough.</p>
[/lgc_column]

[lgc_column grid="33" tablet_grid="33" mobile_grid="100" last="false"]
<p style="text-align: center;"><i class="fa fa-at fa-3x" aria-hidden="true"><!-- comment --></i></p>

<h3 style="text-align: center;">This is a headline</h3>
<p style="text-align: center;">This is a couple of sentences of text that elaborate on the headline. You don't need much text here, just enough.</p>
[/lgc_column]

[lgc_column grid="33" tablet_grid="33" mobile_grid="100" last="true"]
<p style="text-align: center;"><i class="fa fa-check-square-o fa-3x" aria-hidden="true"><!-- comment --></i></p>

<h3 style="text-align: center;">This is a headline</h3>
<p style="text-align: center;">This is a couple of sentences of text that elaborate on the headline. You don't need much text here, just enough.</p>
[/lgc_column]