:root {
	--grid-column-spacing: 15px;
	--grid-row-spacing: 15px;
}

.grid {
}

.grid__container {
}

.grid__row {
	margin-left: calc(var(--grid-column-spacing) * -1);
	margin-right: calc(var(--grid-column-spacing) * -1);
	margin-bottom: calc((var(--grid-column-spacing) * -1) + 1.5rem);
}

	.grid__row > .grid__column > .grid__row:last-of-type {
		margin-bottom: -1.5rem;
	}

	.grid__row.grid__row--left {
		justify-content: left;
	}
	.grid__row.grid__row--center {
		justify-content: center;
	}
	.grid__row.grid__row--right {
		justify-content: right;
	}


.grid__column {
	display: flex;
	flex-direction: column;
	padding-left: var(--grid-column-spacing);
	padding-right: var(--grid-column-spacing);
	margin-bottom: var(--grid-row-spacing);
}

	/*
	.grid__column { /*fluid wrap* /
		flex-grow: 1;
		max-width: 100%;
	}
	*/
	.grid__column > * {
		/*flex-grow: 1;*/
	}

	.grid__column:not(:empty) {
		/*margin-bottom: 1.5rem;*/
	}

	.grid__row:empty, .grid__column:empty {
		display: none;
	}