body{
	font-size: 16px;
}

*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

.row-16-fluid {
	display: grid;
	grid-template-columns: repeat(16, 1fr);
/*	grid-gap: 2rem;*/
/*	padding: 0 2rem 0 2rem;*/
/*	border: 1px solid greenyellow;*/
}

.c-16-lg {
	grid-column: auto / span 16;
}
.c-15-lg {
	grid-column: auto / span 15;
}
.c-14-lg {
	grid-column: auto / span 14;
}
.c-13-lg {
	grid-column: auto / span 13;
}
.c-12-lg {
	grid-column: auto / span 12;
}
.c-11-lg {
	grid-column: auto / span 11;
}
.c-10-lg {
	grid-column: auto / span 10;
}
.c-9-lg {
	grid-column: auto / span 9;
}
.c-8-lg {
	grid-column: auto / span 8;
}
.c-7-lg {
	grid-column: auto / span 7;
}
.c-6-lg {
	grid-column: auto / span 6;
}
.c-5-lg {
	grid-column: auto / span 5;
}
.c-4-lg {
	grid-column: auto / span 4;
}
.c-3-lg {
	grid-column: auto / span 3;
}
.c-2-lg {
	grid-column: auto / span 2;
}
.c-1-lg {
	grid-column: auto / span 1;
}

.c-16-lg.subgrid {
	display: grid;
	grid-template-columns: repeat(16, 1fr);
}
.c-12-lg.subgrid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}
.c-10-lg.subgrid {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
}

.flex-row-center-lg {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 66rem) {

	.row-16-fluid {
		grid-template-columns: repeat(8, 1fr);
	}

	.c-8-md {
		grid-column: auto / span 8;
	}
	.c-7-md {
		grid-column: auto / span 7;
	}
	.c-6-md {
		grid-column: auto / span 6;
	}
	.c-5-md {
		grid-column: auto / span 5;
	}
	.c-4-md {
		grid-column: auto / span 4;
	}
	.c-3-md {
		grid-column: auto / span 3;
	}
	.c-2-md {
		grid-column: auto / span 2;
	}
	.c-1-md {
		grid-column: auto / span 1;
	}


	.c-8-md.subgrid {
		display: grid;
		grid-template-columns: repeat(8, 1fr);
	}
}

@media screen and (max-width: 42rem) {

	.row-16-fluid {
		grid-template-columns: repeat(4, 1fr);
	}

	.c-4-sm  {
		grid-column: auto / span 4;
	}
	.c-3-sm  {
		grid-column: auto / span 3;
	}
	.c-2-sm  {
		grid-column: auto / span 2;
	}
	.c-1-sm  {
		grid-column: auto / span 1;
	}

	.c-4-sm.subgrid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}
}





.gapped{
	grid-gap: 2rem;
}