I added the text-center class to the images container to center it.
<a id="sm-logo" class="show-for-small-down text-center" href="<?php bloginfo('url'); ?>"><img alt="Mount Pleasant logo" src="<?php bloginfo('template_url'); ?>/assets/mt-pleasant-pure-mi-logo.png"></a>
<?php if (get_page_template_slug( $post->ID ) == "page-golf-template.php") { ?>
<div id="golf-logo-img" class="row collapse">
- <div class="small-12 columns">
+ <div class="small-12 text-center columns">
<img src="<?php bloginfo('template_url'); ?>/assets/Central-Swing-Logo-white.png">
</div>
</div>