/* prices page: heading + gradient band with the three pricing boxes
   (box styling itself is shared with the homepage — components.css) */

.p-prices__title {
	margin-top: 40px;
	margin-bottom: 30px;
	text-align: center;
}

.p-prices-band {
	background-image: linear-gradient(110deg, #394c77 68%, #3b507d 16%);
	padding: 100px 0;
}

.p-prices-band__heading {
	text-align: center;
	color: #fff;
	font-size: 38px;
	margin-bottom: 30px;
}

.p-prices-band__intro {
	text-align: center;
	color: #fff;
}

.p-prices__boxes {
	max-width: 887px;
	padding-top: 30px;
}

@media (max-width: 1024px) {
	.p-prices-band { padding: 100px 25px; }
	.p-prices-band__heading { font-size: 45px; }
}

@media (max-width: 767px) {
	.p-prices-band { padding: 50px 20px; }
}

/* --------------------------------------------------------- bottom note */
.p-prices-note .c-prose {
	margin-top: 20px;
	margin-bottom: 40px;
}