.primary-banner.tpp-hero {
	margin: 0 -1000px 60px;
	padding: 15px 1000px;
}

.primary-banner .tpp-hero--content {
	z-index: 1;
}

.primary-banner .tpp-hero--content,
.primary-banner .tpp-hero--title,
.primary-banner.tpp-hero .subheading {
	color: #fff;
}

.primary-banner .tpp-hero--title {
	margin-top: 60px;
}

.primary-banner.tpp-hero .tpp-hero--inner {
	margin: auto;
}

.primary-banner .tpp-hero--tout {
	min-height: auto;
	height: auto;
	flex-grow: 1;
	margin-bottom: 1.25rem;
}

.primary-banner.tpp-hero .btn {
	width: 100%;
	margin-bottom: 1.25rem;
	background: transparent !important;
	color: #fff !important;
	border-color: #fff !important;
}

.primary-banner.tpp-hero .btn:hover {
	background: #1e0078 !important;
}

@media (min-width: 768px) {
	.primary-banner.tpp-hero {
		padding: 0 1000px;
	}

	.primary-banner .tpp-hero--inner {
		max-width: 1100px;
		display: flex;
		position: relative;
		min-height: 570px;
		padding-top: 60px;
	}

	.primary-banner .tpp-hero--content {
		padding-bottom: 60px;
		min-height: 352px;
	}

	.primary-banner.tpp-hero--image .tpp-hero--content {
		width: 65%;
		padding-right: 20px;
	}

	.primary-banner .tpp-hero--title {
		margin: 60px 0 1.25rem;
	}

	.primary-banner .tpp-hero--bleed-image {
		width: 35%;
	}

	.primary-banner.tpp-hero .btn {
		width: auto;
	}
}

@media (min-width: 992px) {
	.primary-banner .tpp-hero--inner {
		padding-top: 0;
	}

	.primary-banner .tpp-hero--bleed-image {
		position: absolute;
		width: 1280px;
		height: 570px;
		left: 50%;
		transform: translate(-50%);
		bottom: 0;
		padding: 0;
	}

	.primary-banner.tpp-hero--image .tpp-hero--content {
		padding-right: 540px;
		padding-bottom: 163px;
		position: relative;
		width: auto;
	}
}