title: Firefox specific media queries
body: <p>This is probably a VERY simple question, but I am having a hard time! I have an external CSS file that is working fine and is responsive. As to be expected, the positioning of a few elements is a little "off" when viewed in Firefox. I wanted to write a media query for when the page is viewed in Firefox, and adjust the margins, etc. of a specific element. I thought you could use the prefix:</p>
  
  <pre><code>@-moz-document url-prefix()
  </code></pre>
  
  <p>as a media query, but that didn't do anything.</p>
  
  <p>How do you write a media query for when the page is viewed in Firefox and Safari?</p>