.c {
	width: var(--c);
	margin: auto;

}
/* [xl] */
@media all and (max-width: 1300px)  {
	.c{
		width: var(--c-xl);
	}
}


/* [l] */
@media all and (max-width: 1200px) {
	.c{
		width: var(--c-l);
	}
}
/* [m] */
@media all and (max-width: 992px) {
	.c{
		width: var(--c-m);
		padding-left:10px !important;
		padding-right: 10px !important;
	}
}

/* [s] */
@media all and (max-width: 768px) {
	.c{
		width: var(--c-s);
	}
}

/* [xs] */
@media all and (max-width: 576px) {
	.c{
		width: var(--c-xs);
	}
}