title: Font Size Changing with Refresh
body: <p>When I initially load my website the font sizes are all normal, but when I hit refresh the size almost doubles, and does not go back to normal.  I've checked changing the font size using Ctrl+ and Ctrl-  That changes the font back to a normal size (90% or 110% of the default size).</p>
  
  <p>Everything validates.</p>
  
  <p><a href="http://mylivingspacefinder.com/" rel="nofollow">http://mylivingspacefinder.com/</a></p>
  
  <p><strong>======Added from author's comment======</strong></p>
  
  <p>Here's the text-size rules:</p>
  
  <pre><code>h1 {
      .fontSize(10);
  }
  
  h2 {
      .fontSize(4);
  }
  
  body {
      .fontSize(2);
  }
  
  .fontSize(@sizeValue) {
    @remValue: @sizeValue;
    @pxValue: (@sizeValue * 10);
    font-size: ~"@{pxValue}px"; 
    font-size: ~"@{remValue}rem";
  }
  </code></pre>