-content">
                  <a href="#">Action One</a><br>
                  <a href="#">Action Two</a><br>
                  <a href="#">Action Three</a>
                </div>
              </div>
            </div>

          </section>


          <h3>Menu</h3>

          <p>This example is setup so the dropdowns only close when you go outside of the whole menu box and styles have been added to transform the dropdowns to an  accordion on small screens.</p>

          <section class="demo demo--menu">

