// Primary Services
.primary-services {
	margin-top: 2em;
		
	.container {
		display: none;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: center;
		margin: 2em auto 0;

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

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

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

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

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

		p.title {
			color: $base-accent-color;
			font-size: 1.2em;
			font-weight: bold;
			text-transform: uppercase;
		}
	}
}