.grid{
margin:0 auto;
max-width:1250px;
padding:40px 20px 40px 20px;
}

.grid.full{max-width:100%;}

.grid.no-col{padding:40px;background:none}

.no-pad,.no-pad [class*='col-']{padding:0}

.grid:after{content:'';display:table;clear:both}

[class*='col-']{float:left;padding:0 20px;position:relative}

.col-1-1,.col-2-2,.col-3-3,.col-4-4,.col-5-5,.col-8-8{width:100%}

.col-1-2,.col-2-4,.col-4-8{width:50%}

.col-1-3{width:33.33%}

.col-2-3{width:66.66%}

.col-1-4,.col-2-8{width:25%}

.col-3-4,.col-6-8{width:75%}

.col-1-5{width:20%}

.col-2-5{width:40%}

.col-3-5{width:60%}

.col-4-5{width:80%}

.col-1-8{width:12.5%}

.col-3-8{width:37.5%}

.col-5-8{width:62.5%}

.col-7-8{width:87.5%}

.push-1-2,.push-2-4,.push-4-8{left:50%}

.push-1-3{left:33.33%}

.push-2-3{left:66.66%}

.push-1-4,.push-2-8{left:25%}

.push-3-4{left:75%}

.push-1-5{left:20%}

.push-2-5{left:40%}

.push-3-5{left:60%}

.push-4-5{left:80%}

.push-1-8{left:12.5%}

.push-3-8{left:37.5%}

.push-5-8{left:62.5%}

.push-6-8{left:75%}

.push-7-8{left:87.5%}

.pull-1-2,.pull-2-4,.pull-4-8{right:50%}

.pull-1-3{right:33.33%}

.pull-2-3{right:66.66%}

.pull-1-4,.pull-2-8{right:25%}

.pull-3-4{right:75%}

.pull-1-5{right:20%}

.pull-2-5{right:40%}

.pull-3-5{right:60%}

.pull-4-5{right:80%}

.pull-1-8{right:12.5%}

.pull-3-8{right:37.5%}

.pull-5-8{right:62.5%}

.pull-6-8{right:75%}

.pull-7-8{right:87.5%}

@media screen and (min-width: 668px) and (max-width: 1920px) {
[class*='tab-']{left:0;right:0}
[class*='col-']{margin-bottom:20px}
.tab-100{width:100%}
.tab-75{width:75%}
.tab-66{width:66.66%}
.tab-50{width:50%}
.tab-33{width:33.33%}
.tab-25{width:25%}
.tab-push-75{left:75%}
.tab-push-66{left:66.66%}
.tab-push-50{left:50%}
.tab-push-33{left:33.33%}
.tab-push-25{left:25%}
.col{
    display:table-cell;
    width:50%;
    height:auto;
    vertical-align: middle;
}
.alta{min-height:260px !important;}
}

@media screen and (min-width: 240px) and (max-width: 667px) {
.grid{padding:20px 10px 20px 10px}
.grid.no-col{padding:20px}
[class*='col-']{padding:0 10px}
.sma-100,[class*='col-']{width:100%;left:0;right:0}
.sma-75{width:75%}
.sma-66{width:66.66%}
.sma-50{width:50%}
.sma-33{width:33.33%}
.sma-25{width:25%}
.sma-push-75{left:75%}
.sma-push-66{left:66.66%}
.sma-push-50{left:50%}
.sma-push-33{left:33.33%}
.sma-push-25{left:25%}
.col{
    width:99%;
    height:auto;
}
}