.row {
	margin: 0px 20px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 1em;
	justify-content: space-around;
}

.col-6 { grid-column: span 6; }
.col-5 { grid-column: span 5; }
.col-4 { grid-column: span 4; }
.col-3 { grid-column: span 3; }
.col-2 { grid-column: span 2; }
.col-1 { grid-column: span 1; }

@media screen and (max-width: 1300px) {
	.col-6 { grid-column: span 6; }
	.col-5 { grid-column: span 6; }
	.col-4 { grid-column: span 3; }
	.col-3 { grid-column: span 3; }
	.col-2 { grid-column: span 2; }
	.col-1 { grid-column: span 2; }
}

@media screen and (max-width: 1000px) {
	.col-6 { grid-column: span 6; }
	.col-5 { grid-column: span 6; }
	.col-4 { grid-column: span 2; }
	.col-3 { grid-column: span 2; }
	.col-2 { grid-column: span 3; }
	.col-1 { grid-column: span 3; }
}

@media screen and (max-width: 800px) {
	.col-6 { grid-column: span 6; }
	.col-5 { grid-column: span 6; }
	.col-4 { grid-column: span 6; }
	.col-3 { grid-column: span 3; }
	.col-2 { grid-column: span 3; }
	.col-1 { grid-column: span 3; }
}

@media screen and (max-width: 500px) {
	.col-6 { grid-column: span 6; }
	.col-5 { grid-column: span 6; }
	.col-4 { grid-column: span 6; }
	.col-3 { grid-column: span 6; }
	.col-2 { grid-column: span 6; }
	.col-1 { grid-column: span 6; }
}