.grid {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}
.grid__item {
  height: 248px;
  background-color: #f5f6f8;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 33px 38px;
}
.grid .title {
  display: flex;
  align-items: center;
  gap: 31px;
}
.grid a {
  font-weight: 500;
  font-size: 28px;
  line-height: 125%;
  color: #7a7a7a;
}

@media (width <= 1280px) {
  .grid {
    gap: 10px;
    margin-bottom: 30px;
  }
  .grid__item {
    height: 170px;
    padding: 20px 22px 25px;
  }
  .grid .title {
    gap: 21px;
  }
  .grid a {
    font-size: 18px;
  }
}
@media (width <= 1024px) {
  .grid {
    margin-bottom: 10px;
  }
  .grid__item {
    height: 140px;
    padding: 16px 19px 21px;
  }
  .grid .title {
    gap: 17px;
  }
  .grid a {
    font-size: 16px;
  }
}
@media (width <= 768px) {
  .grid {
    grid-template-columns: 1fr;
    margin-bottom: 70px;
  }
  .grid__item {
    height: 129px;
    padding: 20px 15px;
  }
  .grid .title {
    gap: 20px;
  }
}/*# sourceMappingURL=contacts.css.map */