title: responsive media queries in stylesheet not working
body: <p>My CSS isn't working on mobile portrait.</p>
  
  <p>I want the main top menu to appear beneath the logo.</p>
  
  <p>Here is my css at the mo:</p>
  
  <pre><code>    @media screen and (max-width: 480px) {
         #wrapper { 
           width:100%; 
         }
         #logo {
           margin-left: 100px;
         }
         #menu { 
           width:100%;
           display:inline-block; 
         }
      }
  </code></pre>