.LOGOS .container {
	margin: 0 auto;
}

.LOGOS .container::before,
.LOGOS .container::after {
	content: "";
	display: block;
	overflow: hidden;
}

.LOGOS .image {
	border: 1rem solid var(--grey);
	border-radius: 16rem;
	padding: 12rem;
	box-sizing: border-box;
	height: 100%;
	background: var(--white);
}

.LOGOS .b-columns {
	margin: -8rem;
}

.LOGOS .b-columns .b-column {
	width: 154rem;
	padding: 8rem;
}

.LOGOS[data-width="12"] .container {max-width: var(--col-12);}
.LOGOS[data-width="10"] .container {max-width: var(--col-10);}
.LOGOS[data-width="8"] .container {max-width: var(--col-8);}
.LOGOS[data-width="6"] .container {max-width: var(--col-6);}

@media screen and (max-width: 960px) {
	.LOGOS .b-columns .b-column {width: 33.333333%;}
}
