My code is (sorry if messy / not the best form. I've pieced together HTML / CSS I've taught myself over the years):
<nav class="index-navigation" role="navigation">
<p class="customtitle" style="padding:-50px; margin-top:-20px; padding-bottom:20px;">EXPLORE PROJECTS</p>
<a class="index-nav-link index-all-link" data-ajax-loader="ajax-loader-binded" href="/"><span class="navlink">All</span></a>
<a class="index-nav-link index-all-link" href="/colour-well/">“<span class="navlink">TO COLOUR WELL</span>”</a>
<a class="index-nav-link index-all-link" href=“/bolts/" data-ajax-loader="ajax-loader-binded"><span class="navlink" >BOLTS</span></a>
<a class="index-nav-link index-all-link" data-ajax-loader="ajax-loader-binded" href=“/mito/“><span class="navlink" style="border-bottom:1px solid black">MITO</span></a>
<a class="index-nav-link index-all-link" data-ajax-loader="ajax-loader-binded" href=“/fertilityiq/“><span class="navlink">FertilityIQ</span></a>
<a class="index-nav-link index-all-link" data-ajax-loader="ajax-loader-binded" href=“/rise/“><span class="navlink">Rise</span></a>
<a class="index-nav-link index-all-link" data-ajax-loader="ajax-loader-binded" href="/spark/"><span class="navlink">Spark</span></a>
<a class="index-nav-link index-all-link" data-ajax-loader="ajax-loader-binded" href="/oily/"><span class="navlink">OILY</span></a>
</nav>