/* Grid */
.container,
#wrapper.container.o-form {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  width: 100%;
  max-width: 1040px;
}

.col {
	box-sizing: border-box;
	float: left;
	width: 100%;
}

/* Devices larger 768px */
@media (min-width: 768px) {
	.container,
	#wrapper.container.o-form {
		padding: 0 20px;
	}
	.col { margin-left: 4%; }
	.col:first-child { margin-left: 0; }
	.col--one	{ width: 4.66666666667%; }
	.col--two { width: 13.3333333333%; }
	.col--three { width: 22%; }
	.col--four { width: 30.6666666667%; }
	.col--five { width: 39.3333333333%; }
	.col--six { width: 48%; }
	.col--seven { width: 56.6666666667%; }
	.col--eight { width: 65.3333333333%; }
	.col--nine { width: 74.0%;          }
	.col--ten { width: 82.6666666667%; }
	.col--eleven { width: 91.3333333333%; }
	.col--twelve { width: 100%; margin-left: 0; }
}

/* Overwrite old form styling*/
#wrapper.container.o-form,
#headerWidgetBase .container.o-form,
footer .container.o-form {
	float: none;
	margin: 0 auto !important;
}

/* Devices larger 1040px */
@media (min-width: 1040px) {
	.col--twelve\@xlg { width: 100%; margin-left: 0; }
}