/*INSTRUCTIONS FOR ADDING Services Multiple Rows Condensed*/
/*Add 'Services Multiple Rows Condensed' Block to Content Center in the Block Layout (select domain and '<front>').
Activate this Stylesheet on the Domain Below.
DO NOT MAKE CHANGES TO THIS STYLE SHEET. OVERWRITE ALL CHANGES ON SITE SPECIFIC CSS*/

.view-services a.ServiceClear {
	width: 100%;
	display: inline-block;
	height: auto;
	margin-bottom: 1em;
}

.faservice {
	display: inline;
	float: left;
	font-size: 2em;
	width: 20%;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: relative;
	margin: 0;
	padding-left: .2em;
}

.servicedsc {
	display: inline;
	float: left;
	width: 80%;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: relative;
	margin: 0;
}

.maxservice {
	height: 4em;
	width: 100%;
	padding: 1em;
}

@media screen and (max-width: 992px) {
	.faservice {
		width: 30%;
	}

	.servicedsc {
		width: 70%;
	}

}


@media screen and (max-width: 576px) {
	.faservice {
		width: 20%;
	}

	.servicedsc {
		width: 80%;
	}
}