title: CSS Transform origin not working in firefox
body: <p>I have a CSS question; transform-origin is not working in firefox. The site is centered on chrome and safari, but not on firefox.</p>
  
  <pre><code>html {
  transform: scale(0.9);
  transform-origin: center top;
  }
  </code></pre>
  
  <p>My site is <a href="http://test.lafsdesign.com/" rel="noreferrer">http://test.lafsdesign.com/</a></p>
  
  <p>I'd appreciate if you could help me fix this issue.
  Thank you so much in advance.</p>
  
  <p>Full CSS</p>
  
  <pre><code>@media screen and (max-width: 1240px) {
  html {
  zoom: 0.9;
  -moz-transform: scale(0.9);
  -moz-transform-origin: center top;
  }
  }
  @media screen and (max-width: 1140px) {
  html {
  zoom: 0.8;
  -moz-transform: scale(0.8);
  }    
  }
  @media screen and (max-width: 1005px) {
  html {
  zoom: 0.7; 
  -moz-transform: scale(0.7);
  }
  }
  @media screen and (max-width: 880px) {
  html {
  zoom: 0.6; 
  -moz-transform: scale(0.6);
  }
  }
  </code></pre>