title: Resize fontawesome icons on change in screen size
body: <p>Trying to change the size of the icons on a bootstrap grid with following code and the media query but can't seem to make it work.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 480px)
    and (-webkit-min-device-pixel-ratio: 2) {
      .fa-5x {
        font-size: 1em;
      }
      h1 {
        color: red;
        font-size: 1em;
      }
    }
  
  /* Portrait */
  @media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 480px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait) {
      .fa-5x {
        font-size: 1em;
      }
      h1 {
        color: red;
        font-size: 1em;
      }
    }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="row"&gt;
    &lt;a href="washrooms.php"&gt;
      &lt;div class="col-lg-4 col-xs-4"&gt;
        &lt;center&gt;
          &lt;h3&gt;
            &lt;i class="fa fa-eye-slash fa-5x"&gt;&lt;/i&gt; &lt;br&gt;Washrooms
          &lt;/h3&gt;
        &lt;/center&gt;
      &lt;/div&gt;
    &lt;/a&gt;
    &lt;a href="intermidiate.php"&gt; 
      &lt;div class="col-lg-4 col-xs-4"&gt;
        &lt;center&gt;
          &lt;h3&gt;
            &lt;i class="fa fa-shopping-cart fa-5x"&gt;&lt;/i&gt; &lt;br&gt;Shops
          &lt;/h3&gt;
        &lt;/center&gt;
      &lt;/div&gt;
    &lt;/a&gt;
    &lt;a href="intermidiateservice.php"&gt;
      &lt;div class="col-lg-4 col-xs-4"&gt;  
        &lt;center&gt;
          &lt;h3&gt;
            &lt;i class="fa fa-wrench fa-5x"&gt;&lt;/i&gt; &lt;br&gt;Services
          &lt;/h3&gt;
        &lt;/center&gt;
      &lt;/div&gt;
    &lt;/a&gt;
  &lt;/div&gt;
  
  
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The code intends to scale down icon size to fit small screens, but doesn't work.
  Can someone help point out what is wrong or help to achieve the purpose.</p>