title: Div not accurately responsive in iPad
body: <p>I am having an issue with the web page display on iPad. The last div jumps out at the bottom when viewed in iPad (landscape mode).  See screenshot below</p>
  
  <p><img src="https://i.stack.imgur.com/DJnN5.jpg" alt="Website Screenshot"></p>
  
  <p>Here is the CSS.</p>
  
  <pre><code>div .container-home
  {
      float: left;
      width: 290px !important;
      padding: 20px;
  }
  
  img.section-icon
  {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 150px;
      max-height: 150px;
  }
  
  h2.section-head
  {
      text-align: center;
      line-height: normal;
      font-size: 22px;
  }
  
  p.section-description
  {
      text-align: center;
  }
  </code></pre>
  
  <p>I would really appreciate any help. </p>
  
  <p>Many thanks!</p>