.features_with_icon_widget {
	border-radius: 8px;
	display: inline-block;
	text-align: center;
	margin-top: 24px;
	overflow: hidden;
	height: calc(100% - 24px);
	transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
}

.features_with_icon_widget.color-dark {
	background-color: #33333d;
	color: #FFF;
}

.features_with_icon_widget.color-dark:hover {
	background-color: #464653;
}

.features_with_icon_widget.color-red {
	background-color: #ea4d33;
	color: #FFF;
}

.features_with_icon_widget.color-red:hover {
	background-color: #F7725E;
}

.features_with_icon_widget.color-yellow {
	background-color: #ffde4e;
	color: #121316;
}

.features_with_icon_widget.color-yellow:hover {
	background-color: #FFEEA1;
}

.features_with_icon_widget.color-blue {
	background-color: #2153cc;
	color: #FFF;
}

.features_with_icon_widget.color-blue:hover {
	background-color: #5082EB;
}

.features_with_icon_widget a,
.features_with_icon_widget a:active,
.features_with_icon_widget a:focus,
.features_with_icon_widget a:hover {
	color: #FFF !important;
	text-decoration: none !important;
}

.features_with_icon_widget.color-yellow a,
.features_with_icon_widget.color-yellow a:hover {
	color: #121316 !important;
}

.features_with_icon_widget .icon {
	margin: 40px auto 32px;
}

#main_content .features_with_icon_widget h4 {
	font-family: "Fugue Regular";
	font-size: 32px;
	line-height: 100%;
	padding-left: 32px;
	padding-right: 32px;
}

#main_content .features_with_icon_widget p {
	font-family: "Proxima Nova";
	font-size: 16px;
	line-height: 24px;
	padding-left: 32px;
	padding-right: 32px;
}


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

	.features_with_icon_widget {
		margin-top: 16px;
		height: calc(100% - 16px);
	}

	#main_content .features_with_icon_widget h4 {
		font-size: 24px;
	}

	#main_content .features_with_icon_widget p {
		padding-left: 24px;
		padding-right: 24px;
		margin-bottom: 16px;
	}

}