title: Cannot click out of off-canvas navigation (bourbon & refills)
body: <p>I have created an off canvas navigation according to <a href="http://refills.bourbon.io/components/#er-toc-id-18" rel="nofollow">bourbon's website</a>. I am finding that I cannot click out of the navigation once it's tiled as shown in <a href="http://codepen.io/anon/pen/ByLPob" rel="nofollow">this codepen pen</a>. When the menu is "toggled" I cannot untoggle it.</p>
  
  <p>could it be an issue with <code>&lt;button&gt;</code> or with the div afterwords?:</p>
  
  <pre><code>&lt;div class="js-menu-screen menu-screen"&gt;&lt;/div&gt;
  </code></pre>