//	Service Grid (Shortcode defined in 'functions_functions.php')
.service-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;

	max-width: 1200px;
	margin: 2em auto;

	a {
		color: $base-accent-color;
	}

	.item {
		flex: 0 0 50%;
		padding: 1em;
		max-width: 500px;
		text-align: center;

		@media only screen and (min-width: $medium-screen) {
			flex: 0 0 20%;
		}

		&.big {
			flex-basis: 33%;
			padding: 2em;
		}

		img {
			max-width: 100%;
			border-radius: 100%;
			margin: 0 auto 1em;
		}
	}
}