body {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    }

.grid{
    min-height: 40px;
    float:left;
    margin-right: 2.4%;
    margin-left: 2.4%;
    display: inline-block;
    text-align: left;
}

hr {margin-bottom: 5%;margin-top: 0; border: 1px solid #eee;}
.grid h2{padding-left: 0;}
.grid h3{padding-left: 2%; line-height: 1.5;font-size: 1.5em;}
.grid p{line-height: 1.5}
.grid:first-child{margin-left: 0px;}
.grid:last-child{margin-right: 0px;}

.grid.one {width:3.93%;}
.grid.two {width:12.66%;}
.grid.three {width:21.4%;}
.grid.four {width:30.13%;}
.grid.five {width:38.867%;}
.grid.six {width:47.6%;}
.grid.seven {width:56.333%;}
.grid.eight {width:65.07%;}
.grid.nine {width:73.8%;}
.grid.ten {width:82.533%;}
.grid.eleven {width:91.27%;}
.grid.twelve {width:100%; margin-left: 0;}
.twelvetwo {width:100%; margin-left: 0;}

.slider .grid{padding: 0;}

.span2 {width: 30.333333333%;display: inline-block; float: left; min-height: 40px; margin-right: 1%; margin-left: 1%; text-align: center;}

@media screen and (min-width:320px) and (max-width:1100px) {
.grid h2{font-size: 0,75em; font-weight: 400;}
.grid h3{font-size: 0,75em;padding: 0;} 
.grid p{padding: 1.5% 0;}
.grid:first-child p{padding-left: 0%;}
.grid:last-child p{padding-right: 0%;}

.grid {margin: 0; padding: 0;}
.grid.one {width:100%;}
.grid.two {width:100%;}
.grid.three {width:100%;}
.grid.four {width:100%;}
.grid.five {width:100%;}
.grid.six {width:100%;}
.grid.seven {width:100%;}
.grid.eight {width:100%;}
.grid.nine {width:100%;}
.grid.ten {width:100%;}
.grid.eleven {width:100%;}
.grid.twelve {width:100%;} 
.twelvetwo {width:100%;} 
    
.span2 {width: 90%;margin-left: 5%; margin-right: 5%;}

}