/* ==========================================================================
   OBK RIM
   A simple helper to horizontal align elements with spacing left and right.
   ========================================================================== */

.OBK-rim {
	margin: 0 auto;
	padding-left: 4.0em;
	padding-right: 4.0em;
	width: 100%;
}
.OBK-rim.OBK-rim--no-spc {
	padding-left: 0;
	padding-right: 0;
}
.OBK-rim.OBK-rim--no-spc-left {
	padding-left: 0;
}
.OBK-rim.OBK-rim--no-spc-right {
	padding-right: 0;
}
.OBK-rim.OBK-rim--l {
	max-width: calc(192.0em + 4.0em + 4.0em);
}
.OBK-rim.OBK-rim--m {
	max-width: calc(136.6em + 4.0em + 4.0em);
}
.OBK-rim.OBK-rim--s {
	max-width: calc(102.4em + 4.0em + 4.0em);
}
.OBK-rim.OBK-rim--l.OBK-rim--no-spc {
	max-width: 192.0em;
}
.OBK-rim.OBK-rim--m.OBK-rim--no-spc {
	max-width: 136.6em;
}
.OBK-rim.OBK-rim--s.OBK-rim--no-spc {
	max-width: 102.4em;
}
.OBK-rim.OBK-rim--l.OBK-rim--no-spc-left,
.OBK-rim.OBK-rim--l.OBK-rim--no-spc-right {
	max-width: calc(192.0em + 4.0em);
}
.OBK-rim.OBK-rim--m.OBK-rim--no-spc-left,
.OBK-rim.OBK-rim--m.OBK-rim--no-spc-right {
	max-width: calc(136.6em + 4.0em);
}
.OBK-rim.OBK-rim--s.OBK-rim--no-spc-left,
.OBK-rim.OBK-rim--s.OBK-rim--no-spc-right {
	max-width: calc(102.4em + 4.0em);
}


/* MEDIA QUERIES
 ---------------------------------------------------------------------------- */

@media only screen and (max-width: 1024px) {
	.OBK-rim {
		padding-left: 3.0em;
		padding-right: 3.0em;
	}
	.OBK-rim.OBK-rim--no-spc {
		padding-left: 0;
		padding-right: 0;
	}
	.OBK-rim.OBK-rim--no-spc-left {
		padding-left: 0;
	}
	.OBK-rim.OBK-rim--no-spc-right {
		padding-right: 0;
	}
}

@media only screen and (max-width: 480px) {
	.OBK-rim {
		padding-left: 2.0em;
		padding-right: 2.0em;
	}
	.OBK-rim.OBK-rim--no-spc {
		padding-left: 0;
		padding-right: 0;
	}
	.OBK-rim.OBK-rim--no-spc-left {
		padding-left: 0;
	}
	.OBK-rim.OBK-rim--no-spc-right {
		padding-right: 0;
	}
}