.clp-top {
  margin: 0 0 20px;
}
.clp-middle {
  display: block; margin: 0 auto;
}
.clp-section {
  display: block; margin: 0 auto;
}
.clp-section img {
  display: block; max-width: 100%; height: auto; margin: 0 auto;
}

@media only screen and (min-width:640px) {
  .clp-section.two-col {
    display: inline-block; width: 100%; max-width: 47.4%; margin: 0 4.5% 20px 0;
    vertical-align: top; border: none; border-collapse: collapse;
  }
  .clp-section.two-col:nth-child(2n+2) {
    margin-right: 0;
  }
  .clp-section.three-col {
    display: inline-block; width: 100%; max-width: 30%; margin: 0 4% 20px 0;
    vertical-align: top; border: none; border-collapse: collapse;
  }
  .clp-section.three-col:nth-child(3n+3) {
    margin-right: 0;
  }
  .clp-section.four-col {display: block; max-width: 48%; margin: 0 4% 20px 0;float:left;  }
  .clp-section.four-col:nth-child(2n+2) { margin-right: 0;}

  .clp-section.five-col {
    display: inline-block; width: 100%; max-width: 18%; margin: 0 2% 20px 0;
    vertical-align: top; border: none; border-collapse: collapse;
  }
  .clp-section.five-col:nth-child(5n+5) {
    margin-right: 0;
  }
}

@media only screen and (min-width:960px) {
  .clp-section.three-col {
    margin: 0 4.5% 20px 0;
  }
  .clp-section.four-col:nth-child(2n+2) { margin-right: 3%;}
  .clp-section.four-col {
    width: 100%; max-width: 22.25%; margin: 0 3% 20px 0;
  }  
  .clp-section.four-col:nth-child(4n+4) {
    margin-right: 0;
  }  
}