/* Text Page Base - Start */

.text-page {
	background: var(--cream);
	color: var(--brown);
}

/* Hero - Start */
.text-page-hero {
	padding-top: 60px;
	padding-bottom: 30px;
}
.text-page-hero h1 {
	margin: 0;
}
@media (max-width: 1279px) {
	.text-page-hero {
		padding-top: 30px;
		padding-bottom: 20px;
	}
}
/* Hero - End */

/* Content - Start */
.text-page-content {
	padding-bottom: 100px;
}
.text-page-content .text-box p,
.text-page-content .text-box li {
	color: var(--brown);
}
/* Контент з op_setting містить сирі <h2> (адмінський HTML, класи не проставити) —
   переводимо на масштаб .h3, інакше десяток підзаголовків підряд у 52px виглядають громіздко. */
.text-page-content .text-box h2 {
	font-size: 30px;
	line-height: 1.2;
}
@media (max-width: 1680px) {
	.text-page-content .text-box h2 {
		font-size: 28px;
	}
}
@media (max-width: 1279px) {
	.text-page-content .text-box h2 {
		font-size: 16px;
	}
}
@media (max-width: 1279px) {
	.text-page-content {
		padding-bottom: 50px;
	}
}
/* Content - End */

/* Text Page Base - End */