.features_with_image_widget {
	/*background-color: #F0DDCA;*/
	border-radius: 8px;
	position: relative;
	min-height: 400px;
	margin-bottom: 16px;
}

.features_with_image_widget picture {
	z-index: -1;
	width: 100%;
}

.features_with_image_widget img {
	width: 100%;
}

.features_with_image_widget a,
.features_with_image_widget a:hover {
	text-decoration: none;
	color: white;
	display: block;
	height: 100%;
}

.features_with_image_widget a .wrapper {
	padding: 24px;
	border-radius: 8px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9;
}

.features_with_image_widget a .wrapper:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #604B44 0%, rgba(96, 75, 68, 0) 100%);
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 8px;
	z-index: -1;
	opacity: .35;
}

.features_with_image_widget:hover a .wrapper:before {
	opacity: .7;
}

#main_content .features_with_image_widget a h4 {
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 0;
}

#main_content .features_with_image_widget a p {
	font-family: "Proxima Nova", sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	margin-top: 0;
	margin-bottom: 19px;
}

@media screen and (max-width: 768px) {

	.features_with_image_widget {
		margin-bottom: 30px;
		min-height: 230px;
	}

}

@media screen and (max-width: 414px) {

	.features_with_image_widget {
		min-height: 184px;
	}

	.features_with_image_widget a .wrapper {
		padding: 16px;
	}

	#main_content .features_with_image_widget a h4 {
		font-size: 27px;
		line-height: 32px;
	}

	#main_content .features_with_image_widget a p {
		text-align: left !important;
	}

	.features_with_image_widget .icon svg {
		width: 32px;
		height: 32px;
	}

}