/*INSTRUCTIONS FOR ADDING Services Multiple Rows with Description*/
/*Add 'Services Multiple Rows with Description' 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.btn-primary {
	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: 9em;
	width: 100%;
	padding: 1em;
}

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

	.maxservice {
		height: 15em;
	}

	.faservice {
		width: 28%;
	}

	.servicedsc {
		width: 72%;
	}


}

@media screen and (max-width: 576px) {
	.maxservice {
		height: 8em;
	}


}