<div class="social">
  <h2 class="social__title">Stay up to date</h2>

  <ul class="social__list">
    <li class="social__item" first>
      <a href="#"><i class="fa fa-twitter"></i></a>
    </li>
    <li class="social__item">
      <a href="#"><i class="fa fa-facebook"></i></a>
    </li>
    <li class="social__item" last>
      <a href="#"><i class="fa fa-envelope"></i></a>
    </li>
  </ul>
</div>
