<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <style> .row{ margin-left:10px; margin-right:10px; } .column { float: left; width: 33.33%; height: 100px; font-size: 13px; color:#000 } .column p{ margin-top:-10px; } .row:after { display: table; clear: both; } /* Use a media query to add a breakpoint at 800px: */ @media screen and (max-width: 500px) { .column { width: 100%; } } </style> <div class="row"> <div class="column" align="center"> <span class="evc-iwt-icon fas fa-envelope" style="font-size: 24px;"></span> <p><center>info@mhillrees.com</center></p> </div> <div class="column" align="center"> <span class="evc-iwt-icon fas fa-phone" style="font-size: 24px;"></span> <p><center>412-828-1043</center></p> </div> <div class="column" align="center"> <span class="evc-iwt-icon fas fa-clock" style="font-size: 24px;"></span> <p><center>M-F 9a - 5p</center></p> </div> </div>