broken h1 link displays 404 error page :    h1 link is supposed to link to #section1. I can't figure out where along the lines this action broke. Any help would be greatly appreciated!

https://codepen.io/fjenpen/pen/pROPov

    <div class="nav">
    <ul id="menu" style="list-style-type: none;">
      <li><a href="Section1" style="text-decoration:none"><h1>Our Brands</h1>   </a></li>
    </ul>
    </div>

    <div class="main">
    <div id="Section1" class="content">

      <p>View our brands</p>
    </div>