.grid-xbox.row {
	max-width:1600px;
	display: grid;
	justify-items: center;
	gap: 70px 20px;
	grid-template-columns: repeat(var(--num-columns), minmax(300px, 400px));
	justify-content: space-around;
	margin: 0 auto;
}
.grid-xbox.row.col-2 { --num-columns: 2; }
.grid-xbox.row.col-3 { --num-columns: 3; }
.grid-xbox.row.col-4 { --num-columns: 4; }

@media (max-width: 1475px) {
	.grid-xbox.row.col-4 { --num-columns: 3; }
}
	
@media (max-width: 1062px) {
	.grid-xbox.row.col-2, 
	.grid-xbox.row.col-3, 
	.grid-xbox.row.col-4 {
		--num-columns: 2; 
	}
}
@media (max-width: 650px) {
	.grid-xbox.row.col-2, 
	.grid-xbox.row.col-3, 
	.grid-xbox.row.col-4 {
		--num-columns: 1;
	}
}