Features Section (features-section-4).

The icons below the text do not line up level when different amounts of text are entered into the features title & description.

Is it possible to move all 4 icons above the text instead of below by altering the features-section-4.php or a custom css snippet added to a child theme? Features-section-4.php as follows…

<?php
/**
 * @package Felicity
 */
?>
<div id="features4">
	<h2 class="section-title wow bounceInLeft" data-wow-delay="0.1s"><?php echo of_get_option('features_section_title'); ?></h2>
	<h4 class="sub-title wow bounceInRight" data-wow-delay="0.2s"><?php echo of_get_option('features_section_desc'); ?></h4>
	<div class="feature wow bounceIn" data-wow-delay="0.2s">
		<h3><?php echo of_get_option('feature_one'); ?></h3>
		<p><?php echo of_get_option('feature_one_desc'); ?></p>
		<?php if (of_get_option('feature_one_url') !='') { ?>
			<a href="<?php echo esc_url(of_get_option('feature_one_url')); ?>">
				<div class="circle">
					<i class="fa <?php echo of_get_option('feature_one_icon'); ?>"></i>
				</div><!--circle-->
			</a>
		<?php } else { ?>
			<div class="circle">
				<i class="fa <?php echo of_get_option('feature_one_icon'); ?>"></i>
			</div><!--circle-->
		<?php } ?>	

	</div><!--feature-->
	<div class="feature wow bounceIn" data-wow-delay="0.5s">
		<h3><?php echo of_get_option('feature_two'); ?></h3>
		<p><?php echo of_get_option('feature_two_desc'); ?></p>
		<?php if (of_get_option('feature_two_url') !='') { ?>
			<a href="<?php echo esc_url(of_get_option('feature_two_url')); ?>">
				<div class="circle">
					<i class="fa <?php echo of_get_option('feature_two_icon'); ?>"></i>
				</div><!--circle-->
			</a>
		<?php } else { ?>
			<div class="circle">
				<i class="fa <?php echo of_get_option('feature_two_icon'); ?>"></i>
			</div><!--circle-->
		<?php } ?>
	</div><!--feature-->
	<div class="feature wow bounceIn" data-wow-delay="0.8s">
		<h3><?php echo of_get_option('feature_three'); ?></h3>
		<p><?php echo of_get_option('feature_three_desc'); ?></p>
		<?php if (of_get_option('feature_three_url') !='') { ?>
			<a href="<?php echo esc_url(of_get_option('feature_three_url')); ?>">
				<div class="circle">
					<i class="fa <?php echo of_get_option('feature_three_icon'); ?>"></i>
				</div><!--circle-->
			</a>
		<?php } else { ?>
			<div class="circle">
				<i class="fa <?php echo of_get_option('feature_three_icon'); ?>"></i>
			</div><!--circle-->
		<?php } ?>
	</div><!--feature-->
	<div class="feature wow bounceIn" data-wow-delay="1.1s">
		<h3><?php echo of_get_option('feature_four'); ?></h3>
		<p><?php echo of_get_option('feature_four_desc'); ?></p>
		<?php if (of_get_option('feature_four_url') !='') { ?>
			<a href="<?php echo esc_url(of_get_option('feature_four_url')); ?>">
				<div class="circle">
					<i class="fa <?php echo of_get_option('feature_four_icon'); ?>"></i>
				</div><!--circle-->
			</a>
		<?php } else { ?>
			<div class="circle">
				<i class="fa <?php echo of_get_option('feature_four_icon'); ?>"></i>
			</div><!--circle-->
		<?php } ?>
	</div><!--feature-->
	<span></span>
</div><!--features-->