.CONTENT .container {
	margin: 0 auto;
}

.CONTENT .container::before,
.CONTENT .container::after {
	content: "";
	display: block;
	overflow: hidden;
}

.CONTENT .content iframe {
	margin: 32rem 0;
}

.CONTENT .icon {
	width: 88rem;
	height: 88rem;
	margin: 0 auto 32rem;
}

.CONTENT .container.alt-centered {
	text-align: center;
}

.CONTENT[data-width="12"] .container {max-width: var(--col-12);}
.CONTENT[data-width="10"] .container {max-width: var(--col-10);}
.CONTENT[data-width="8"] .container {max-width: var(--col-8);}
.CONTENT[data-width="6"] .container {max-width: var(--col-6);}

.CONTENT[data-variant="1"] .container:not(.alt-centered) {margin-left: 0;}
.CONTENT[data-variant="1"] .container {text-wrap: balance;}


@media screen and (max-width: 960px) {
	.CONTENT[data-variant="1"] .container {text-align: left;}
}