.di-banner {
	background: #85336b;
	position: relative;
	padding: 2rem 0;
	z-index: 2;
}

.di-banner::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	right: 0;
	width: 100dvw;
	height: 100%;
	background: inherit;
	transform: translate3d(-50%,0,0);
}

.di-banner__inner-container {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.di-banner__content {

}

.di-banner__hex {}

@media all and (min-width: 960px) {

	.di-banner { padding: 0; }

	.di-banner__inner-container {
		flex-direction: row;
		align-items: center;
		padding: 2rem 0;
	}

	.di-banner__inner-container::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: -10%;
		bottom: 0;
		width: 100%;
		background: url('../../img/di-banner-elements.png') top right no-repeat;
		background-size: auto 100%;
	}

	.di-banner__content {
		padding-right: 4rem;
	}

	.di-banner__hex {
		flex-shrink: 0;
		flex-basis: 50%;
	}
}