.manufacturers-bw-filter {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url(desaturate.svg#greyscale);
  filter: gray;
  -webkit-filter: grayscale(1);
}

.manufacturer-icons {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 30px 60px;
  margin-bottom: 2rem;
}
.manufacturer-card img {
  width: auto;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}

.manufacturer-links .manufacturers-initial-link {
  color: var(--bs-link-color);
  font-size: 1.5rem;
  font-weight: bold;
}
.manufacturer-links .manufacturers-initial-link:hover {
  color: var(--bs-link-hover-color);
}
.manufacturer-links .manufacturers-initial {
  font-size: 5rem;
  font-weight: bold;
  color: var(--bs-gray-200);
  line-height: 1;
}
.manufacturer-links a {
  text-decoration: none;
}

@media (max-width: 1299px) {
  .manufacturer-icons {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (max-width: 1199px) {
  .manufacturer-icons {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (max-width: 991px) {
  .manufacturer-icons {
    gap: 30px 45px;
  }
}
@media (max-width: 767px) {
  .manufacturer-icons {
    grid-template-columns: repeat(7, 1fr);
    gap: 30px;
  }
}
@media (max-width: 499px) {
  .manufacturer-icons {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
  }
}
@media (max-width: 399px) {
  .manufacturer-icons {
    grid-template-columns: repeat(4, 1fr);
  }
}