.logo-soup {
	margin: 0 auto 4em auto;
}

.logo-soup--logos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.logo-soup--logos .logos--image {
	flex: 1 0 280px;
	padding: 2em 1em;
	margin: 0 1em;
	text-align: center;
}

.logo-soup--logos[data-width='150'] .logos--image {
	max-width: 150px;
}
.logo-soup--logos[data-width='250'] .logos--image {
	max-width: 250px;
}
.logo-soup--logos[data-width='350'] .logos--image {
	max-width: 350px;
}

.logo-soup--logos .logos--image img {
	max-width: 100%;
	height: auto;
}

.logo-soup[data-grayscale='true'] .logo-soup--logos .logos--image img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.8;
}
