.cards {
	display: grid;
	grid-template: auto / 1fr;
	margin-bottom: var(--spacing-20);
	grid-gap: var(--spacing-10);

	@media (width > 768px) {
		grid-template: auto / 1fr 1fr;
		gap: var(--spacing-30);
	}

	@media (width > 1000px) {
		margin-bottom: var(--spacing-40);
	}
}