<h1 class="sr-only">Social-media Navigation</h1>
<a href="https://twitter.com/downeydillon1">
  <span class="fa-stack fa-lg">
    <i class="fa fa-circle-o fa-stack-2x"></i>
    <i class="fa fa-twitter fa-stack-1x"></i>
  </span>
</a>
<a href="mailto:downeydillon@gmail.com">
  <span class="fa-stack fa-lg">
    <i class="fa fa-circle fa-stack-2x"></i>
    <i class="fa fa-envelope fa-stack-1x fa-inverse"></i>
  </span>
</a>
<a href="https://github.com/downeyd27">
  <span class="fa-stack fa-lg">
    <i class="fa fa-circle fa-stack-2x"></i>
    <i class="fa fa-github fa-stack-1x fa-inverse"></i>
  </span>
</a>
<a href="https://www.linkedin.com/in/dillondowney">
  <span class="fa-stack fa-lg">
    <i class="fa fa-circle fa-stack-2x"></i>
    <i class="fa fa-linkedin fa-inverse fa-stack-1x"></i>
  </span>
</a>
<nav class="debug social-media-nav row text-center">
  <h1 class="sr-only">Social-media Navigation</h1>
  <a href="https://twitter.com/downeydillon1">
    <span class="fa-stack fa-lg">
      <i class="fa fa-circle-o fa-stack-2x"></i>
      <i class="fa fa-twitter fa-stack-1x"></i>
    </span>
  </a>
  <a href="mailto:downeydillon@gmail.com">
    <span class="fa-stack fa-lg">
      <i class="fa fa-circle fa-stack-2x"></i>
      <i class="fa fa-envelope fa-stack-1x fa-inverse"></i>
    </span>
  </a>
  <a href="https://github.com/downeyd27">
    <span class="fa-stack fa-lg">
      <i class="fa fa-circle fa-stack-2x"></i>
      <i class="fa fa-github fa-stack-1x fa-inverse"></i>
    </span>
  </a>
  <a href="https://www.linkedin.com/in/dillondowney">
    <span class="fa-stack fa-lg">
      <i class="fa fa-circle fa-stack-2x"></i>
      <i class="fa fa-linkedin fa-inverse fa-stack-1x"></i>
    </span>
  </a>
</nav>
Add nav to element to social media partial
Add nav to element to social media partial
