.c-servicepoint {
	@include flex(inline flex-start center wrap);
	text-align: left;
	margin-top: space(-2);
}

.c-servicepoint__image {
	margin-top: space(2);
	margin-right: space(2);
	border-radius: 100%;
	max-width: 176px;

	@include mq($max: 540) {
		width: 96px;
	}
}

.c-servicepoint__content {
	@include hyphenate;
	display: grid;
	grid-template-rows: 1fr auto 1fr;
	flex-grow: 9999;
	min-width: 180px;
	margin-top: space(2);
}

.c-servicepoint__header {
	grid-row: 1;
	align-self: end;
}

.c-servicepoint__body {
	grid-row: 2;
	margin: space(1) 0;
}

.c-servicepoint__footer {
	grid-row: 3;
}

.c-servicepoint__heading {
	@include font(base);
	color: palette(text, 2);
	border-radius: 100%;
}

.c-servicepoint__subheading {
	@include font(s);
	color: palette(text, 3);
}