.flex-layout.hero_simple {
}

.flex-layout.hero_simple .content-col {
	background-color: var(--purdey-sand-100);
	padding: max(2rem, calc(3.5 * var(--su))) max(1rem, calc(5.5 * var(--su)));
	display: flex;
	flex-direction: column;
	gap: max(1rem, calc(1.5 * var(--su)));
}

.flex-layout.hero_simple .content-col .pk-text {
	max-width: max(34.375rem, calc(34.375 * var(--su)));
	font-weight: 400;
}

@media screen and (max-width: 767px) {

	.flex-layout.hero_simple .content-col {
		padding: 2rem 1.5rem;
	}

}