@media (max-width: 1200px) {
	.catalog__heading {
		margin: 30px 0 30px;
	}
	.catalog__posts {
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 40px;
	}
}

@media (max-width: 800px) {
	.catalog__posts {
		grid-row-gap: 30px;
		grid-column-gap: 20px;
	}
}

@media (max-width: 600px) {
	.catalog {
		padding: 40px 0 80px;
	}
	.catalog__posts {
		grid-template-columns: 1fr;
	}
}