.grid {
  max-width: 1200px;
  margin: 0 auto;
}
.grid:after {
  content: "";
  display: table;
  clear: both;
}
.grid [class*='col-'] {
  float: left;
}
/*.grid [class*='col-']:last-of-type {
  padding-bottom: 0;
}
*/
/* Opt-in outside padding */
.grid-pad [class*='col-'] {
  padding-right: 20px;
  padding-bottom: 20px;
}
.grid-pad {
   padding: 20px 20px 0 20px;
   position: relative;
}
.col-1-3 {
  width: 100%; 
}
.module {
  background: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
          box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}
.moduledetail {
  background: #fff;
}
.module:hover {
    -webkit-box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.2);
            box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.2);
      transition: all .2s ease-in-out; 
       transform: scale(1.001);
}
.order form input {
width: 260px;
padding: 4px 50px 0 50px;
}
    @media screen and (min-width:540px) {   /* 1-3 are shown 1-2  */
    .grid-pad {
        padding: 20px 0 0 20px;
    }
    .col-1-3 {
      width: 50%;
      }
    .col-1-3:nth-child(2n+1) {
      clear: both;
      }
    .order form input {
        width: 200px;
        padding: 4px 20px 0 20px;
    }
    }
         @media screen and (min-width:800px) {   /* 1-3 are shown 1-3  */
            .col-1-3 {
                width: 33.33%;
            }
            .col-1-3:nth-child(2n+1) {
                clear: none;
            }
            .col-1-3:nth-child(3n+1) {
                clear: both;
            }
            .order form input {
                width: 200px;
                padding: 4px 20px 0 20px;
            }
          }
             @media screen and (min-width:1000px) {   /* 1-8 are shown 1-4  */
                .col-1-2 {
                    width: 50%;
                }
                .col-1-4 {
                    width: 25%;
                }
                .col-1-4:nth-child(2n+1) {
                    clear: none;
                }
                .col-1-8 {
                    width: 12.5%;
                }
              }