.footer {
  background: #000;
  padding: 15px 0 20px; }
  .footer__logo {
    width: 46px;
    height: 39px; }
  .footer__link {
    color: #fff;
    font-size: 10px;
    line-height: 18px;
    display: inline-block; }
    .footer__link:hover {
      text-decoration: none; }
  .footer__info {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
  .footer__social-list.social-list {
    margin-bottom: 17px;
    margin-top: 36px;
    width: 100%; }
  .footer__social-item.social-item {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #deb457;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: border-color .2s linear;
    margin-right: 18px; }
    .footer__social-item.social-item:last-child {
      margin-right: 0; }
    .footer__social-item.social-item:hover {
      border-color: #fff; }
  .footer__social-icon-vk {
    width: 22px;
    height: 12px; }
  .footer__social-icon-ok {
    width: 14px;
    height: 24px; }
  .footer__social-icon-fb {
    width: 12px;
    height: 22px; }
  .footer__social-icon-in {
    width: 22px;
    height: 22px; }
  .footer__social-icon-yt {
    width: 22px;
    height: 16px; }

@media (min-width: 576px) {
  .footer {
    padding: 48px 0; }
    .footer__social-list.social-list {
      justify-content: flex-end;
      margin-top: 0; }
    .footer__info {
      justify-content: flex-end; }
    .footer__link {
      font-size: 14px; } }

@media (min-width: 992px) {
  .footer__logo {
    width: 100px;
    height: 84px; } }

.logo {
  transition: fill 0.2s linear; }
  .logo__gold {
    fill: #deb457; }
  .logo__block:hover .logo__gold {
    fill: #fff; }
  .logo__white {
    fill: #fff; }
  .logo__block:hover .logo__white {
    fill: #deb457; }