/* Mobile First - 2 logos per row using CSS Grid */
.brands-logos {
	padding-top: 12px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	justify-content: center;
}

.aspectratio-box {

	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
}

.aspectratio-box a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

/* Tablet: 3 columns */
@media screen and (min-width: 768px) {
	.brands-logos {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

/* Desktop: 4 columns */
@media screen and (min-width: 1024px) {
	.brands-logos {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}