<nav id="vertical-nav">
    <ul>
        <li><a id="v-home" class="default-nav" href="#home">home</a></li>
        <li><a id="v-about" class="default-nav" href="#about">about</a></li>
        <li><a id="v-execs" class="default-nav" href="#execs">the execs</a></li>
        <li><a id="v-news" class="default-nav" href="#news">news</a></li>
    </ul>
</nav>

<nav id="vertical-nav" class="hidden-md">
    <ul>
        <li><a id="v-home" class="default-nav" href="#home">home</a></li>
        <li><a id="v-about" class="default-nav" href="#about">about</a></li>
        <li><a id="v-execs" class="default-nav" href="#execs">the execs</a></li>
        <li><a id="v-news" class="default-nav" href="#news">news</a></li>
    </ul>
</nav>

Hide vertical nav on medium and smaller screens
Hide vertical nav on medium and smaller screens
