.tpp-hero {
	margin: 0 -1000px 60px;
	padding: 15px 1000px;
	background-color: #F7F7F8;
}

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

.tpp-hero .btn {
	width: 100%;
    margin-bottom: 1.25rem;
}

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

	.tpp-hero--inner {
        max-width: 1100px;
		display: flex;
	}

	.tpp-hero--content {
		flex: 75%;
	}

    .tpp-hero--content h1 {
        margin-bottom: 1.25rem;
    }

	.tpp-hero--image .tpp-hero--content {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 0 100%;
		padding-right: 37.5%;
	}

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

@media (max-width: 769px) {
	.tpp-hero--content {
		/* override inline styles */
		background-image: none !important;
		min-height: auto !important;
	}
}