.row {
	--grid-gap: 2rem;
	display: flex;
	flex-direction: column;
	gap: var(--grid-gap);
}

.row +.row {
	margin-top: var(--grid-gap);
}

@media screen and (min-width: 768px) {

	.row {
		--grid-gap: 4rem;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start;
	}

	.col {
		flex: 1 1 0;
		max-width: 50%;
	}

	.col:only-child {
		max-width: 60%;
	}
}