.grid-cont {
  width: 1230px;
  max-width: 1230px;
  display: flex;
  flex-flow: row wrap;
  margin-right: auto;
  margin-left: auto;
}
.cont {
	width: 1210px;
	max-width: 1210px;
	margin-right: auto;
	margin-left: auto;
}
.grid-inner {
	display: flex;
  	flex-flow: row wrap;
  	margin-right: -10px;
  	margin-left: -10px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  margin-right: 10px;
  margin-left: 10px;
}

.col-1 {
  width: calc(8.33333% - 10px * 2); }

.col-2 {
  width: calc(16.66667% - 10px * 2); }

.col-3 {
  width: calc(25% - 10px * 2); }

.col-4 {
  width: calc(33.33333% - 10px * 2); }

.col-5 {
  width: calc(41.66667% - 10px * 2); }

.col-6 {
  width: calc(50% - 10px * 2); }

.col-7 {
  width: calc(58.33333% - 10px * 2); }

.col-8 {
  width: calc(66.66667% - 10px * 2); }

.col-9 {
  width: calc(75% - 10px * 2); }

.col-10 {
  width: calc(83.33333% - 10px * 2); }

.col-11 {
  width: calc(91.66667% - 10px * 2); }

.col-12 {
  width: calc(100% - 10px * 2); }