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

  <ul class="social__list">
    <li class="social__item" first>
      <a href="#"><span class="fa fa-twitter" aria-hidden="true"></span><span class="element-invisible">Twitter</span></a>
    </li>
    <li class="social__item">
      <a href="#"><span class="fa fa-facebook" aria-hidden="true"></span><span class="element-invisible">Facebook</span></a>
    </li>
    <li class="social__item" last>
      <a href="#"><span class="fa fa-envelope" aria-hidden="true"></span><span class="element-invisible">Contact us</span></a>
    </li>
  </ul>
</div>
