.results {
	padding-top: var(--py-section);
	padding-bottom: var(--py-section);
	background: var(--color-body-text);
}

.results-top {
	color: var(--color-white);
	margin: 0 auto 30px;
	max-width: 950px;
}

.results-top h2 {
	font-size: 34px;
	margin-bottom: 15px;
	line-height: 48px;
}

.results-list {
	display: grid;
	gap: 20px;
}

@media screen and (min-width: 768px) {
	.results-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width: 1025px) {
	.results-top {
		margin-bottom: 60px;
	}

	.results-top h2 {
		font-size: 48px;
	}

	.results-list {
		gap: 50px;
	}
}