title: margin-bottom not working on divs
body: <p>Can someone help me figure out why my margin-bottom rule within my mobile view media query is not working?</p>
  
  <p>I have even added a class to clear the floats named <code>.clearer</code> but that isn't working either. All I want is for the left image to have a 30px margin below it on the mobile view. </p>
  
  <p>Here is the page... <a href="http://www.haveaseatrentals.com/seat-yourself/" rel="nofollow">http://www.haveaseatrentals.com/seat-yourself/</a></p>
  
  <p>CSS rule from the mobile view's media query and the rule that I am using to clear the floats...   </p>
  
  <pre><code>#seatYourselfLeft {margin-bottom: 30px; }
  .clearer{clear:both; width:100%; height:0; display: block;}
  </code></pre>
  
  <p>Any help is greatly appreciated.</p>