/* Landing pages that open with the product section (hero removed): clear the fixed header. */
.products.products--first {
	padding-top: 170px;
}

.products--first .products__title {
	text-transform: uppercase;
}

@media (max-width: 991px) {
	.products.products--first {
		padding-top: 140px;
	}
}

@media (max-width: 576px) {
	.products.products--first {
		padding-top: 120px;
	}
}

/* Restored intro/benefits section sits right under the products: products' own bottom padding provides the gap. */
.products--first + .what-is,
.products--first + .benefits {
	padding-top: 0;
}