.footer {
  background: linear-gradient(0deg, #222222 0%, rgba(31, 31, 46, 0.9) 100%);
  padding: 50px 15px 120px;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 767px) {
  .footer {
    padding: 30px 15px;
  }
}
.footer__row {
  display: grid;
  grid-template-columns: 5fr 2fr 2fr 2fr;
  grid-row-gap: 25px;
}
@media (max-width: 990px) {
  .footer__row {
    grid-template-columns: 2fr 1fr;
  }
}
@media (max-width: 767px) {
  .footer__row {
    grid-template-columns: 20% 30% 25% 25%;
  }
}
.footer__logo {
  grid-column: 1/-1;
}
.footer__logo a {
  display: block;
  max-width: 100px;
}
@media (max-width: 767px) {
  .footer__logo {
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
.footer__with-icon {
  display: flex;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .footer__with-icon {
    margin-bottom: 10px;
  }
}
.footer__with-icon p {
  margin: 0 0 0 20px;
}
@media (max-width: 767px) {
  .footer__with-icon p {
    margin-left: 8px;
    font-size: 12px;
  }
}
.footer__with-icon svg {
  margin-top: -7px;
}
@media (max-width: 767px) {
  .footer__with-icon svg {
    margin-top: -7px;
    width: 24px;
  }
}
@media (max-width: 767px) {
  .footer__with-icon {
    grid-column: 1/5;
  }
}
.footer__text {
  margin-bottom: 30px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .footer__item--first {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .footer__item--second {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .footer__item--third {
    grid-column: 1/5;
    grid-row: 2/3;
  }
  .footer__item--info {
    grid-column: 2/5;
    grid-row: 3/4;
  }
}
.footer a {
  transition: 0.3s;
}
.footer a:hover {
  color: #DEE977;
}

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