title: How do I hide a DIV when I switch to mobile dimensions?
body: <p>So, I have written a page in AMP HTML, and I have a DIV I want to hide when someone views the page on mobile, but I want it shown when it's on a resolution such as Desktop or Tablet. I have Bootstrap enabled and all of the CSS is styled in the  of the document, per AMP Standards.</p>
  
  <pre><code>&lt;section class="about" id="about" alt="about"&gt;
  
  &lt;div class="col-md-6"&gt;
  &lt;p&gt;Example Content&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="col-md-6"&gt;
  &lt;amp-img src="example.jpg" alt="Example" height="400" width="800"&gt;&lt;/amp-img&gt;
  &lt;/div&gt;
  
  &lt;/section&gt;
  </code></pre>
  
  <p>I want the second DIV in the Section to be hidden on Mobile.</p>