/* SYSTEM KOLUMN FLEX */

.row{
		box-sizing: border-box;
		display: flex;
		--col-gap: 0px;
		--row-gap: 0px;
		column-gap:var(--col-gap);
		row-gap:var(--row-gap);
		flex-wrap: wrap;
}

.col {
	box-sizing: border-box;
	margin:0px;

	flex-basis: calc(
		calc((100% * calc(var(--col-dt) / var(--cols)) - var(--col-gap))) + 
		calc(calc(var(--col-dt) / var(--cols)) * var(--col-gap))
	)
	;
}