.homepage-featured-hero {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 430px;
	margin: 0 0 1.5vw;
	background: #1b2838;
}

.homepage-featured-hero__image {
	display: block;
	width: 100%;
	height: 430px;
	object-fit: cover;
	object-position: center 35%;
}

.homepage-featured-hero__card {
	position: absolute;
	left: 1.15rem;
	bottom: 1.15rem;
	width: calc(78% - 1.15rem);
	max-width: 640px;
	box-sizing: border-box;
	padding: 2rem 2.15rem 1.7rem;
	background: #fff;
	color: #3c3c3c;
}

.homepage-featured-hero__title {
	margin: 0 0 0.85rem;
	font-family: Bitter, Georgia, serif;
	font-size: 1.85rem;
	font-weight: 700;
	line-height: 1.25;
}

.homepage-featured-hero__title a {
	color: #004488;
	text-decoration: none;
}

.homepage-featured-hero__title a:hover {
	color: #266aae;
}

.homepage-featured-hero__excerpt {
	margin: 0;
	font-family: Raleway, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.75;
	color: #3c3c3c;
}

.homepage-featured-hero__more {
	color: #004488;
	text-decoration: underline;
}

.homepage-featured-hero__more:hover {
	color: #266aae;
}

@media screen and (max-width: 782px) {
	.homepage-featured-hero,
	.homepage-featured-hero__image {
		min-height: 360px;
		height: 360px;
	}

	.homepage-featured-hero__card {
		left: 0.75rem;
		bottom: 0.75rem;
		width: calc(100% - 1.5rem);
		max-width: none;
		padding: 1.35rem 1.4rem 1.2rem;
	}

	.homepage-featured-hero__title {
		font-size: 1.45rem;
	}
}