div[class*="container-"] {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

 
.container-xs {
  width: 940px;
}

.container-s {
  width: 1188px;
}

.container-sm {
  width: 1240px;
}

.container-m {
  width: 1320px;
}

.container-l {
  width: 1400px;
}

@media (max-width: 960px) {
  .container-xs {
    width: 100%;
  }
}

@media (max-width: 1208px) {
  .container-s {
    width: 100%;
  }
}

@media (max-width: 1260px) {
  .container-sm {
    width: 100%;
  }
}

@media (max-width: 1340px) {
  .container-m {
    width: 100%;
  }
}

@media (max-width: 1420px) {
  .container-l {
    width: 100%;
  }
}

div[class*="col-"] {
  float: left;
}

div[class*="col-"].cell {
  float: none;
}

.col-1 {
  width: 8.33333333%;
}

.col-2 {
  width: 16.66666667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.33333333%;
}

.col-5 {
  width: 41.66666667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33333333%;
}

.col-8 {
  width: 66.66666667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33333333%;
}

.col-11 {
  width: 91.66666667%;
}

.col-12 {
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-4 {
  margin-left: 33.33333333%;
}


.container-absolute-center {
	position:absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: auto;
	text-align: center;
}