title: Font-Awesome stack not working correctly?
body: <p>Weird problem with Font Awesome.  I'm trying to make a larger circle around my social media icon. </p>
  
  <p>If I change the first stacked icon to a size larger than 2x, it reverts back to the 1x size. </p>
  
  <p>This code works: </p>
  
  <pre><code>  &lt;span class="fa-stack fa-lg"&gt;
      &lt;i class="fa fa-circle-thin fa-stack-2x"&gt;&lt;/i&gt;
      &lt;i class="fa fa-facebook fa-stack-1x"&gt;&lt;/i&gt;
    &lt;/span&gt;
  </code></pre>
  
  <p>This code doesn't:</p>
  
  <pre><code>  &lt;span class="fa-stack fa-lg"&gt;
      &lt;i class="fa fa-circle-thin fa-stack-3x"&gt;&lt;/i&gt;
      &lt;i class="fa fa-facebook fa-stack-1x"&gt;&lt;/i&gt;
    &lt;/span&gt;
  </code></pre>
  
  <p>If I use 3x or 4x, etc, the lower image gets set back to the normal size. Is this a bug, or am I doing something wrong here?</p>
  
  <p>Using Font Awesome v 4.1.0.</p>
  
  <p>EDIT - because this note keeps getting views / comments. My problem was that font-awesome only has the 1x and 2x proportions, where I wanted a much larger background image and a smaller icon (at more like like 4x).</p>