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

.grid{
    float:left;
    margin-right: 1%;
    margin-left: 1%;
    display: inline-block;
    text-align: left;
}
    hr {margin-bottom: 10%; border: 1px solid #eee;}
    .textsite h3{padding: 0!important;margin-bottom:0.3em;}
    .grid p{margin:0;text-align: left;}
    .grid:first-child{margin-left: 0px;}
    .grid:last-child{margin-right: 0px;}

    .grid.one {width:6.5%;}
    .grid.two {width:15%;}
    .grid.three {width:23.5%;}
    .grid.four {width:32%;}
    .grid.five {width:40.5%;}
    .grid.six {width:49%;}
    .grid.seven {width:57.5%;}
    .grid.eight {width:66%;}
    .grid.nine {width:74.5%;}
    .grid.ten {width:83%;}
    .grid.eleven {width:91.5%;}
    .grid.twelve {width:100%; margin-left: 0;}




@media screen and (min-width:320px) and (max-width:767px) {
    .grid h3{padding: 0 5%;} 
    .grid:first-child h1{padding: 0 5%;}
    .grid:last-child h1{padding: 0 5%;}
    .grid:first-child h2{padding: 0 5%;}
    .grid:last-child h2{padding: 0 5%;}
    .grid p{padding: 0 5%;}
    .grid:first-child p{padding-left: 5%;}
    .grid:last-child p{padding-left: 5%;}
    hr {margin:5% 5% 7% 5%!important; border: 1px solid #eee;}

    .grid {margin: 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%;} 


}
@media screen and (min-width:768px) and (max-width:1300px) {
    .wrap {padding: 0 2%;}
}