.text-double-image img {
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-60%,-50%);
}

.text-double-image h3 {
	width: 100%;
	z-index: 1;
}

.double-image {
	-ms-flex: 0 0 calc(50% - .5rem);
	flex: 0 0 calc(50% - .5rem);
	max-width: calc(50% - .5rem);
	height: 100%;
	overflow: hidden;
	position: relative;
}

/*=====================================
=            Media Queries            =
=====================================*/


	@media (min-width: 768px) {
		.text-double-image h3 {
			width: 150%;
		}

		.text-double-image.right-text h3 {
			transform: translateX(-30%);
			width: 130%;
		}
	}