@media screen and (min-width: 600px) {
	.grid-wrapper {
		display: grid;
		grid-auto-flow: column;
		grid-gap: 1rem;
	}
}
@media screen and (min-width: 1025px) {
	.grid-wrapper {
		grid-template-columns: 1fr 2fr 1fr 2fr;
	}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
	.grid-wrapper {
		grid-template-columns: 1fr 2fr;
	}
}

article {
	padding-bottom: 1rem;
	border-bottom: 1px solid #4d4d4d;
}
article:nth-child(4) {
	grid-area: 1/2/4/3;
}
@media screen and (min-width: 1025px) {
	article:nth-child(8) {
		grid-area: 1/4/4/-1;
	}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
	article:nth-child(8) {
		grid-area: 4/2/8/3;
	}
}
@media screen and (min-width: 1025px) {
	article:nth-child(4n+3) {
		border-bottom: 0;
	}
}
@media screen and (min-width: 1025px) {
	article:nth-child(4) {
		border-right: 1px solid #4d4d4d;
		padding-right: 1rem;
	}
}
@media screen and (min-width: 600px) {
	article:nth-child(4n) {
		border-left: 1px solid #4d4d4d;
		border-bottom: 0;
		padding-left: 1rem;
	}
}