title: how to break a flex box navigation into 2 lines at mobile viewport
body: <p>I want to break the top navbar into 2 lines when seen this in mobile screen that is <code>@media screen and (max-width: 480px</code></p>
  
  <p>This is my fiddle
  <a href="http://jsfiddle.net/cancerian73/7PuCc/" rel="nofollow">http://jsfiddle.net/cancerian73/7PuCc/</a></p>
  
  <pre class="lang-css prettyprint-override"><code>.index nav{display: -ms-flexbox;
      /*display: -webkit-inline-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;*/
      display: -webkit-box;
      -webkit-box-pack: justify;
      display: flex; display: -ms-flexbox; }
  </code></pre>