// Offerings
div.offerings {
	background: $cmo-purple-light;
	color: white;
	padding: 2em;

	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;

	@media only screen and ( min-width:600px ) {
		flex-wrap: wrap;
	}

	// Logo
	.items.logo {
		background: white;
		padding: 2em;
		border-radius: 100%;
		margin-top: 1em;
		margin-bottom: 1em;

		img {
			max-width: 130px;
		}
	}

	/*
		Logo

	 */
	.items.benefits {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-wrap: wrap;

		.item {
			flex: 1 1 33%;
			padding: .5em;
			text-align: center;

			@media only screen and ( min-width:600px ) {
				padding: 2em;
				max-width: 400px;
			}

			img {
				max-width: 60px;
				margin: 0 auto 2em;
			}

			p.title {
				font: 300 1em $header-font-family;
				margin-bottom: 1em;
			}

			p.description {
				display: none;

				@media only screen and ( min-width:600px ) {
					display: inherit;
				}
			}

			p:last-of-type {
				margin-bottom: 0;
			}
		}
	}
}