title: Phone Icon to only appear on mobile view
body: <p>On my website I have a phone icon so on mobile view they can click on the phone icon and ring a certain business, I can't figure out how to have it only appear on mobile view.</p>
  
  <pre><code>&lt;style type="text/css"&gt;
    #tel {display:none;}
    @media all and (max-width: 1000px) {
      #tel {display:block;}
    }
  &lt;/style&gt;
  
  &lt;div class="tel"&gt;
  &lt;a href="tel:555-555-5555"&gt;&lt;img src="images/phone.png" /&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>