title: Foundation 5 - Responsive bg IMG & Div Heights
body: <p>I have two issues that I'm not sure how to fix. </p>
  
  <ol>
  <li><p>My background image does not scale on tablets and mobile devices. Do I have to use interchange to make it responsive? I set the size to cover because it's a fixed image. I think that is causing the issue, but not sure what the correct way it.</p></li>
  <li><p>Again on mobile, the bottom overlay height doesn't fill the div.  </p></li>
  </ol>
  
  <p>It's in div id="wrapper-two"  | 
                  div id="about-overlay"</p>
  
  <p>The URL to the page is: <a href="http://www.pickettcreative.com/indexTest.html" rel="nofollow">http://www.pickettcreative.com/indexTest.html</a></p>
  
  <p>This is a test page on my live site, so the pickettMain.css does not apply to this page. </p>