.footer {
  padding-bottom: 64px;
}

.footer__grid {
  display: grid;
  grid-template-columns: minmax(0, 522px) 218px minmax(0, 1fr) auto;
  grid-template-rows: auto 1fr;
  grid-template-areas:
    "logo nav contacts ."
    "copy nav contacts .";
  font-size: 16px;
  font-weight: 500;
}

.footer__logo {
  grid-area: logo;
  align-self: start;
}

.footer__nav {
  grid-area: nav;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.footer__contacts {
  grid-area: contacts;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.footer__contacts-title {
  font-weight: 600;
}

.footer__copy {
  grid-area: copy;
  align-self: end;
}

.footer a:hover {
  color: var(--c-primary);
}

@media (max-width: 1199px) {
  .footer__grid {
    grid-template-columns: minmax(0, 1fr) 200px minmax(0, 1fr) auto;
    column-gap: 24px;
  }
}

@media (max-width: 959px) {
  .footer {
    padding-bottom: 48px;
  }

  .footer__grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: none;
    grid-template-areas:
      "logo     logo"
      "nav      contacts"
      "copy     copy";
    gap: 32px 20px;
  }

}