/* Slider container */
.b-slider {
  background-color: #f7f7f7;
  overflow-x: hidden;
  min-width: 100%;
  outline: 0;
}

/* Each slide */
.b-slider__slide {
  text-align: center;
  width: 30rem;
  height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Link inside slide */
.b-slider__ref {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Slide images */
.b-slider__img {
  transition: all 0.3s ease;
}

.b-slider__slide:hover .b-slider__img {
  filter: grayscale(1) contrast(0) blur(1px);
}

.b-slider__ref:hover .b-slider__img {
  filter: none;
}

/* Responsive */
@media screen and (max-width: 767px) {
  .b-slider__slide { width: 20rem; }
}

@media screen and (max-width: 556px) {
  .b-slider__slide { width: 15rem; }
}