.footer {
  padding: 0 1.1%;
  margin-top: 6.6%;
  font-family: Roboto;
  font-variant-numeric: lining-nums;
}

.footer__container, .footer__body, .footer__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer__container {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3% 0 4.5%;
  width: 100%;
  border-top: 1px solid #797979;
}

.footer__logo {
  padding-top: 1%;
}

.footer__body {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: .5% 2.7% 0 0;
  width: 27.2%;
}

.footer__item {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer__link {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.footer__link:not(.footer__link:last-child) {
  margin-bottom: 1.4vw;
}

.footer__link:hover a {
  color: #242424;
}

.footer__link a {
  font-size: 0.97vw;
  color: #797979;
  -webkit-transition: color .3s;
  transition: color .3s;
}

@media screen and (max-width: 630px) {
  .footer {
    margin: 16.41vw 0 0;
    padding: 0 3.91vw;
  }
  .footer .logo-container {
    width: 70%;
    margin-top: 1vw;
  }
  .footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
  .footer__logo {
    margin-top: 8.97vw;
  }
  .footer__body {
    width: 93%;
    margin: 10.23vw 0 16.41vw;
    padding: 0;
  }
  .footer__link {
    padding-bottom: 4.11vw;
  }
  .footer__link:not(.footer__link:last-child) {
    margin: 0;
  }
  .footer__link a {
    font-size: 3.59vw;
    line-height: 4.9vw;
  }
}