title: Whitespace to right when I check website on my galaxy s4
body: <p>I can't seem to get rid of whitespace to the right of my content when I view on my Galaxy S4. It is OK when I minimize my browser. Any suggestions?</p>
  
  <p>Also, mailing address icon, email, and phone icons don't line-up in the center exactly.</p>
  
  <p><a href="http://www.henschen.com/siteTemplates/2014-16/" rel="nofollow">http://www.henschen.com/siteTemplates/2014-16/</a></p>
  
  <pre><code>  @media handheld, only screen and (max-width: 767px) {
  
  body {
  width: 100%;
     height: 100%;
  
     overflow-x: hidden;
  
  
  }
  
  
  .grid {
      display:inline-block;
  text-align:center;
  
  }
  
     .grid-pad {
     background-color: transparent;
         display:inline-block;
      text-align:center;
         }
                .gridcontent {
          background-color: #fff;
  
  
  
           }
  
  
  .wrap {
      width: 100%;
        height: 100%;
        overflow-x: hidden;
  
  
      }
    .grid-padcontent {
   display: block;
  
  
       }
  
       .gridcontent {
    display: block;
  
        }
  
  
  
  
  [class*='col-'] {
      width: auto;
      float: none;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 10px;
      margin-bottom: 10px;
      padding-left: 20px;
      padding-right: 20px;
  }
  
  .logocol-3-12 {
  width: 45%; 
  text-align:center;
  padding-bottom:1px;
       }
  
       #header {
      background:#232323;
  
  
  
  }
  
     #wrapfooter { 
  
      text-align:center;
      background:#EC3515;
      color:#FEDFE0;
      font-family:arial,helvetica,sans-serif;
      font-size:12px;
  
     }
  
  
  #footer {
  
      background:#EC3515;
      color:#FEDFE0;
      font-family:arial,helvetica,sans-serif;
      font-size:12px;
  
      align-content:center;
  }
  
  
  
     .col-1-1 {
  left: 0;
        right: 0;
  
      display:inline-block;
  position:absolute;
  background-color: #fff;
  font-family:arial,helvetica,sans-serif;
  font-size:15px;
  background-color: #ece2bb;
  
  
       }  
  
  
      .col-1-3left  {
  width: 55%;
  margin-top:270px;
  background-color: #fff;
  font-family:helvetica,arial,sans-serif;
  font-size:16px;
  font-weight:bold;
  float:none;
  align-content:center;
  
  
       }
  
     .col-1-3middle  {
  width:55%;
  background-color: #fff;
  font-family:helvetica,arial,sans-serif;
  font-size:16px;
  font-weight:bold;
  float:none;
  align-content:center;
         }
  
      .col-1-3right  {
  width:55%;
  background-color: #fff;
  font-family:helvetica,arial,sans-serif;
  font-size:16px;
  font-weight:bold;
  float:none;
  align-content:center;
      }
  
  
  
  
  
          }
  </code></pre>