.grid-container {
	display: grid;
	max-width: 1300px;
	margin: 10px auto;
	text-align: center;
}
@media (min-width:768px) {

	.onesix .grid-item:nth-of-type(1),
	.oneeight .grid-item:nth-of-type(1) {
		grid-row: 1;
		grid-column: 1;
	}

	.onesix .grid-item:nth-of-type(2),
	.oneeight .grid-item:nth-of-type(2) {
		grid-row: 1;
		grid-column: 2;
	}

	.onesix .grid-item:nth-of-type(3),
	.oneeight .grid-item:nth-of-type(3) {
		grid-row: 1;
		grid-column: 3;
	}

	.onesix .grid-item:nth-of-type(4),
	.oneeight .grid-item:nth-of-type(4) {
		grid-row: 1;
		grid-column: 4;
	}

	.onesix .grid-item:nth-of-type(5),
	.oneeight .grid-item:nth-of-type(5) {
		grid-row: 1;
		grid-column: 5;
	}

	.onesix .grid-item:nth-of-type(6),
	.oneeight .grid-item:nth-of-type(6) {
		grid-row: 1;
		grid-column: 6;
	}

	.oneeight .grid-item:nth-of-type(7) {
		grid-row: 1;
		grid-column: 7;
	}

	.oneeight .grid-item:nth-of-type(8) {
		grid-row: 1;
		grid-column: 8;
	}

	.onesix img,
	.oneeight img {
		width: calc((100% - 20px));
		padding: 5px;
	}

	.onesix img:hover,
	.oneeight img:hover {
		padding: 2px;
	}
}

@media (max-width:768px) {

	.onesix .grid-item:nth-of-type(1),
	.oneeight .grid-item:nth-of-type(1) {
		grid-row: 1;
		grid-column: 1;
	}

	.onesix .grid-item:nth-of-type(2),
	.oneeight .grid-item:nth-of-type(2) {
		grid-row: 1;
		grid-column: 2;
	}

	.onesix .grid-item:nth-of-type(3),
	.oneeight .grid-item:nth-of-type(3) {
		grid-row: 1;
		grid-column: 3;
	}

	.oneeight .grid-item:nth-of-type(4) {
		grid-row: 1;
		grid-column: 4;
	}

	.onesix .grid-item:nth-of-type(4),
	.oneeight .grid-item:nth-of-type(5) {
		grid-row: 2;
		grid-column: 1;
	}

	.onesix .grid-item:nth-of-type(5),
	.oneeight .grid-item:nth-of-type(6) {
		grid-row: 2;
		grid-column: 2;
	}

	.onesix .grid-item:nth-of-type(6),
	.oneeight .grid-item:nth-of-type(7) {
		grid-row: 2;
		grid-column: 3;
	}

	.oneeight .grid-item:nth-of-type(5) {
		grid-row: 2;
		grid-column: 4;
	}

	.onesix img,
	.oneeight img {
		width: calc((100% - 5px));
		padding: 5px;
	}
}