.grid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    width: 1140px;
}

.grid:after {
    clear: both;
    content: " ";
    display: table;
}

.col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 18px;
    margin-right: 18px;
}

.col-first {
    clear: left;
    margin-left: 0;
}

.col-last {
    margin-right: 0;
}

.col-1  { width:   62px; }
.col-2  { width:  160px; }
.col-3  { width:  258px; }
.col-4  { width:  356px; }
.col-5  { width:  454px; }
.col-6  { width:  552px; }
.col-7  { width:  650px; }
.col-8  { width:  748px; }
.col-9  { width:  846px; }
.col-10 { width:  944px; }
.col-11 { width: 1042px; }
.col-12 { width: 1140px; }

.p-2 {
    margin-left: 196px;
}