.CONTENT .container {
	max-width: 960rem;
}

.CONTENT .link {
	white-space: nowrap;
}

.CONTENT .link a {
	font-size: 14rem;
	text-transform: uppercase;
	font-family: 'dm-sans', sans-serif;
	color: inherit;
	font-weight: 700;
}

.CONTENT .link a svg {
	display: inline-block;
	vertical-align: middle;
	width: 17rem;
	height: 10rem;
	margin: -3rem 0 0 8rem;
}

.CONTENT .link a:hover {color: var(--blue);}

.CONTENT [data-leandatabookit] iframe {
	width: 100%;
	height: 800px;
	border: none;
	overflow: hidden;
}

.CONTENT[data-width="12"] .container {max-width: 100%;}
.CONTENT[data-width="10"] .container {max-width: 960rem;}
.CONTENT[data-width="8"] .container {max-width: 760rem;}
.CONTENT[data-width="6"] .container {max-width: 560rem;}

.CONTENT.alt-centered .container {margin-left: auto; margin-right: auto; text-align: center;}
.CONTENT.alt-centered.alt-align-left .container {text-align: left;}

.CONTENT.alt-orange .b-button:not(.alt-outline) {background: var(--orange); color: var(--black);}
.CONTENT.alt-green .b-button:not(.alt-outline) {background: var(--green); color: var(--black);}
.CONTENT.alt-blue .b-button:not(.alt-outline) {background: var(--blue); color: var(--white);}

.CONTENT.alt-orange .b-button:hover,
.CONTENT.alt-green .b-button:hover,
.CONTENT.alt-blue .b-button:hover {background: var(--black); color: var(--white);}

.b-inverted .CONTENT.alt-orange .b-button:hover,
.b-inverted .CONTENT.alt-green .b-button:hover,
.b-inverted .CONTENT.alt-blue .b-button:hover {background: var(--white); color: var(--black);}

@media screen and (min-width: 961px) {
	.CONTENT[data-style="heading"] hr {margin-top: 60rem;}
	.CONTENT[data-style="heading"] p {margin: 1.5em 0; font-size: 22rem;}
	.CONTENT[data-style="heading-link"] p {margin: 1.5em 0; font-size: 22rem;}

	.CONTENT[data-style="heading-2"] {
		min-height: 96rem;
		align-items: center;
		display: flex;
	}

	.CONTENT[data-style="heading-2"] .container {
		text-align: center;
		margin: 0 auto;
		flex: 0 0 100%;
		padding: 0 100rem;
		box-sizing: border-box;
		position: relative;
	}

	.CONTENT[data-style="heading-2"] .container::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 18rem;
		height: 96rem;
		transform: translate(20rem, -50%) skewX(-21deg);
		background: var(--orange);
	}

	.CONTENT[data-style="heading-2"] .container::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 18rem;
		height: 96rem;
		transform: translate(-20rem, -50%) skewX(21deg);
		background: var(--orange);
	}

	.CONTENT[data-style="heading-link"] .container {max-width: 100%; display: flex; align-items: center;}
	.CONTENT[data-style="heading-link"] .content {flex-grow: 1; padding-right: 40rem;}

	.b-section.alt-side-by-side .CONTENT {width: 460rem;}
}

@media screen and (max-width: 960px) {
	.CONTENT[data-style="heading"] br {display: none;}

	.CONTENT[data-style="heading"] p:last-child:not(:first-child) .b-button {width: 100%; margin-right: 0 !important;}
	.CONTENT[data-style="heading"] p:last-child:not(:first-child) .b-button + .b-button {margin-top: 1em !important;}

	.CONTENT .link {margin-top: 1em;}
}



/* ANIMATION */

@media screen and (min-width: 961px) {
	.CONTENT[data-visible][data-style="heading-2"] .content {transition: transform 0.4s, opacity 0.2s; transition-delay: 0.2s;}
	.CONTENT[data-visible="false"][data-style="heading-2"] .content {transform: translate(0, 60rem); opacity: 0;}
	.CONTENT[data-visible="true"][data-style="heading-2"] .content {transform: translate(0, 0); opacity: 1;}

	.CONTENT[data-visible][data-style="heading-2"] .container::before {transition: transform 0.4s, opacity 0.1s;}
	.CONTENT[data-visible="false"][data-style="heading-2"] .container::before {transform: skewX(-21deg) translate(560rem, -50%); opacity: 0;}
	.CONTENT[data-visible="true"][data-style="heading-2"] .container::before {transform:  skewX(-21deg) translate(20rem, -50%); opacity: 1;}

	.CONTENT[data-visible][data-style="heading-2"] .container::after {transition: transform 0.4s, opacity 0.1s;}
	.CONTENT[data-visible="false"][data-style="heading-2"] .container::after {transform: skewX(21deg) translate(-560rem, -50%); opacity: 0;}
	.CONTENT[data-visible="true"][data-style="heading-2"] .container::after {transform:  skewX(21deg) translate(-20rem, -50%); opacity: 1;}
}