.contentSubtitle{
	font-size: 125%;
	font-weight: bold;
	color: #FF9052;
	text-align: left;
	margin: 0 auto 0.75em;
}

.contentSeparator{
	display: flex;
	flex-direction: column;
	gap: 2em;
}

.contentSeparatorInner{
	width: 100%;
}

.shuntText{
	margin: 0 auto 80px;
}

.shuntText:last-of-type{
	margin: 0 auto 40px;
}

.shuntText p:not(:last-of-type){
	margin-bottom: 0.25em;
}

.shuntTextTitlen{
	font-size: 125%;
	font-weight: bold;
	display: block;
	width: 100%;
	margin: 0 auto 0.75em;
}

.shuntImage{
	display: block;
	width: max-content;
	max-width: 100%;
	margin: 1em auto;
}

.shuntColumnImage{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	gap: 3em;
	width: 80%;
	margin: 0 auto;
}

@media (max-width: 640px){
	.shuntColumnImage{
		width: 100%;
	}
}

.shuntColumnImageItem{
	width: calc((100% - 3em) / 2);
}

.shuntColumnImageItem--100{
	width: 100%;
}

.shuntColumnImageItem img{
	display: block;
	width: 100%;
	object-fit: contain;
}

.shuntColumnImageItem p{
	display: block;
	width: 100%;
	margin: 0.75em auto 0;
	text-align: center;
}

.sideImage{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0 3em;
	width: 100%;
	margin: 0 auto;
}

.sideImageImage{
	display: block;
	width: 30%;
	max-width: 500px;
	flex-grow: 0;
	flex-shrink: 0;
}

.sideImageImage img{
	display: block;
	width: 100%;
	margin: 0;
}

.sideImageText{
	flex-grow: 1;
	flex-shrink: 1;
}


@media (max-width: 750px){

	.sideImage{
		flex-direction: column;
		gap: 1em;
	}

	.sideImageImage{
		width: 80%;
		margin: 0 auto;
	}

	.sideImageImage img{
		display: block;
		width: 100%;
		margin: 0;
	}

	.sideImageText{
		flex-grow: 1;
		flex-shrink: 1;
	}

}