.footer{
  background:var(--black);
  color:#fff;
  padding:72px var(--side) 68px;
}

.footer-grid{
  max-width:1248px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  gap:90px;
}

.footer h3{
  margin:0 0 22px;
  font-size:14px;
  font-weight:700;
  color:#b7b7b7;
}

.footer a,
.footer p{
  display:block;
  margin:0 0 9px;
  max-width:260px;
  color:#fff;
  font-size:15px;
  font-weight:400;
  line-height:1.08;
}

.social-row--footer{
  margin-top:0;
}

.footer-bottom{
  max-width:1248px;
  margin:88px auto 0;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
}

.footer-bottom span{
  font-size:15px;
  font-weight:700;
}

.footer-bottom img{
  width:266px;
  height:auto;
}

@media (max-width:900px){
  .footer{
    padding:42px 40px 48px;
    background:#000;
  }

  .footer-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:28px;
    margin:0;
  }

  .footer h3{
    margin:0 0 16px;
    color:#fff;
    font-size:17px;
    font-weight:700;
    line-height:1.05;
  }

  .footer a,
  .footer p{
    max-width:285px;
    margin:0 0 10px;
    color:#fff;
    font-size:17px;
    font-weight:400;
    line-height:1.08;
  }

  .social-row--footer{
    margin-top:4px;
    display:flex;
    gap:14px;
  }

  .social-row--footer a{
    width:58px;
    height:58px;
    border-radius:14px;
  }

  .social-row--footer img{
    width:58px;
    height:58px;
  }

  .footer-bottom{
    margin-top:30px;
    display:grid;
    gap:24px;
  }

  .footer-bottom img{
    width:235px;
    justify-self:start;
    order:1;
  }

  .footer-bottom span{
    order:2;
    color:#fff;
    font-size:17px;
    font-weight:400;
    line-height:1.05;
    white-space:nowrap;
  }

}