title: Hide background image using Media Queries
body: <p>I'm attempting to remove my background image when people view the site on mobile devices.</p>
  
  <p>Here's my code.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;section id="Build"&gt;
      &lt;div class="img_contain col-xs-8"&gt;
          &lt;img src="assets/images/RockS_BG.png" "&gt;
      &lt;/div&gt;
      &lt;div class="column-right col-xs-4 "&gt;        
          &lt;h1&gt;Build&lt;/h1&gt;      
          &lt;p&gt;
              BLA BLA BLA         
          &lt;/p&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>#build {
      background-image: url('../images/buildbg.png');
      margin: 0 auto;
      text-align: left;
      padding-top: 40px;
      background-color: #D89330;
  }
  </code></pre>
  
  <p>Is it possible to hide a background image using media queries? I understand that I could hide elements like the Divs, paragraphs etc etc, but I haven't seen any info on hiding a background image with media queries.</p>