.related {
  display: flex;
  margin: 0 -15px -30px;
}
.related__item {
  width: calc(33.333333% - 30px);
  margin: 0 15px 30px;
}
.related__item:hover .related__title {
  color: #0455b7;
}
.related__img {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
.related__img img {
  display: block;
}
.related__title {
  color: #373737;
  transition: color 0.2s ease;
}
@media (max-width: 767px) {
  .related {
    flex-direction: column;
    align-items: center;
  }
  .related__item {
    width: calc(100% - 30px);
    max-width: 400px;
  }
}
/*# sourceMappingURL=../../maps/blocks/blog/related.css.map */