title: navbar will not align left
body: <p>Pretty self explanatory. I've spent hours messing around with the code...and cannot get the multicoloured navbar to align to the left to match rest of the content.</p>
  
  <p>As you can see...there's a small gap on the left of about 20px.  I have no idea what's causing it.</p>
  
  <p>I would like the green menu button and top navbar to move slightly to the left where the grey header starts.</p>
  
  <p>I've tried adding the following to menu styles #session:</p>
  
  <pre><code>margin-left:0;
  left:0;
  padding-left:0;
  </code></pre>
  
  <p>doesn't work!</p>
  
  <p><a href="https://jsfiddle.net/em0j490n/7/" rel="nofollow">Fiddle</a></p>