main section.infocenters.page-infocenters .infocenters__row {
  margin-bottom: 10vw;
}
main section.infocenters.page-infocenters .infocenters__row .infocenters__item {
  display: grid;
  grid-template-columns: 5vw 27vw 18vw 15vw auto;
  align-items: center;
  grid-gap: 2vw;
  border-top: 1px solid #9cd7ed;
  padding: 30px 0;
  line-height: 29px;
}
main section.infocenters.page-infocenters .infocenters__row .infocenters__item:last-child {
  border-bottom: 1px solid #9cd7ed;
}
main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__city {
  font-family: Pfdin-R;
  font-size: 28px;
  color: #069fdb;
}
main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__address {
  font-size: 19px;
  font-family: Roboto-R;
  color: #525b68;
  position: relative;
  line-height: 24px;
  margin-left: 30px;
}
main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__address:before {
  content: "\f041";
  font-family: "FontAwesome";
  font-size: 24px;
  position: absolute;
  right: 101%;
  color: #b6bdc8;
}
main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__tel {
  margin-left: 30px;
  position: relative;
}
main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__tel p {
  font-size: 19px;
  font-family: Roboto-R;
  color: #525b68;
  line-height: 24px;
}
main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__tel:before {
  content: "\f095";
  font-family: "FontAwesome";
  font-size: 15px;
  color: white;
  position: absolute;
  right: 104%;
  background: #b6bdc8;
  padding: 3px 5px;
  border-radius: 50%;
}
main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__email {
  font-size: 19px;
  font-family: Roboto-R;
  color: #069fdb;
  position: relative;
  margin-left: 30px;
}
main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__email:before {
  font-family: FontAwesome;
  position: absolute;
  right: 104%;
  color: #b6bdc8;
  font-size: 20px;
  transform: scale(1, -1);
}
main section.infocenters.page-infocenters .infocenters__row .infocenters__item .social {
  justify-self: flex-end;
  align-self: center;
}
main section.infocenters.page-infocenters .infocenters__row .infocenters__item .social .social__item {
  transition: 0.5s;
  font-size: 26px;
  color: #9cd7ed;
  margin: 0.3vw;
  padding: 0 0.2vw;
}
main section.infocenters.page-infocenters .infocenters__row .infocenters__item .social .social__item:hover {
  color: #069fdb;
}

@media (max-width: 1279px) {
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item {
    grid-template-columns: 5vw 27vw 18vw 15vw auto;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__city {
    font-size: 24px;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__address {
    font-size: 16px;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__address:before {
    font-size: 24px;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__tel {
    margin-left: 30px;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__tel p {
    font-size: 16px;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__tel:before {
    font-size: 13px;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__email {
    font-size: 16px;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__email:before {
    font-size: 16px;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .social .social__item {
    font-size: 24px;
    margin: 0.3vw;
    padding: 0 0.2vw;
  }
}
@media (max-width: 1023px) {
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item {
    grid-template-columns: 5vw 27vw auto 25vw;
    grid-template-areas: "infocenters__city infocenters__address infocenters__tel social" "infocenters__city infocenters__address infocenters__email social";
    grid-gap: 0 2vw;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__city {
    grid-area: infocenters__city;
    margin-top: 1vw;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__address {
    grid-area: infocenters__address;
    margin-left: 40px;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__tel {
    grid-area: infocenters__tel;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__tel p {
    margin: 0px 0px 7px;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__email {
    grid-area: infocenters__email;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .social {
    grid-area: social;
  }
}
@media (max-width: 799px) {
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "infocenters__city infocenters__city" "infocenters__address infocenters__tel" "infocenters__address infocenters__email" "infocenters__address social";
    justify-content: flex-start;
    grid-gap: 0 2vw;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__city {
    margin-top: 1vw;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__address {
    margin-left: 20px;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__tel {
    justify-self: flex-start;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .infocenters__email {
    justify-self: flex-start;
    margin: 10px 0 10px 25px;
  }
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item .social {
    justify-self: flex-start;
  }
}
@media (max-width: 479px) {
  main section.infocenters.page-infocenters .infocenters__row .infocenters__item * {
    font-size: 3.5vw !important;
  }
}

/*# sourceMappingURL=style.css.map */