.module-logos {
    padding: 40px 0;
}

@media only screen and (min-width: 768px) {
	.module-logos {
        padding: 80px 0 60px;
    }
}

.module-logos-body {
    max-width: 800px;
    margin: 0 auto;
}


.module-logos-grid {
  --logo-slot: 150px;
  --logo-gap: 1.25rem;

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--logo-gap);

  max-width: 1200px;
  margin: 30px auto 0;
}

@media (min-width: 1024px) {
  .module-logos-grid {
    max-width: calc((6 * var(--logo-slot)) + (5 * var(--logo-gap)));
  }
}

.module-logos-item {
  flex: 0 1 var(--logo-slot);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
}

.module-logos-item img {
  display: block;
  max-height: 4rem;
  width: auto;
  height: auto;
  object-fit: contain;
}

@media (min-width: 768px) {
  .module-logos-item img {
    max-height: 7rem;
  }
}