.home-hero.hh3 {
	.hero-bg-image {
		display: none;
	}

	.hero-inner {
		.hero-ctas {
			@media (min-width: 768px) {
				grid-template-columns: repeat(2, 1fr);
				width: 75%;
				grid-auto-flow: row;

				.btn:first-child {
					grid-column: span 2;
				}
			}
		}

		.hero-image {
			order: 1;
			display: flex;
			align-items: center;
		}

		.hero-content {
			order: 2;
		}

		@media (max-width: 767px) {
			.hero-image {
				order: 1;
			}

			.hero-content {
				order: 2;
			}
		}

		@media (min-width: 768px) {
			grid-template-columns: 1fr 1fr;

			.hero-inner {
				grid-template-columns: 1fr 1fr;
			}

			.hero-image {
				height: 100%;
			}

			.hero-ctas {
				width: 75%;
			}
		}
	}
}
