.footer {
  background: var(--c-dark-blue);
  color: var(--c-white);
  position: relative;
}

.footer__inner {
  padding-block: 20px;
}

.footer__logo {
  margin-bottom: 10px;
}

.footer__logo a {
  display: block;
  width: 206px;
  height: 29px;
}

.footer__logo svg {
  display: block;
  max-width: 100%;
  height: 100%;
}

.footer__menu {
  margin-bottom: 10px;
}

.footer__menu ul li {
  font-size: 12px;
  line-height: 15px;
  font-style: italic;
}

.footer__menu ul li a {
  color: var(--c-white);
  transition: var(--transition-main);
}

.footer__menu ul li a:hover {
  color: var(--c-green);
  text-decoration: none;
}

.footer__menu ul li:not(:last-child) {
  margin-bottom: 20px;
}

.footer__menu ul li.menu-feedback {
  display: none;
}

.footer__copyright {
  font-size: 12px;
  line-height: 15px;
  font-style: italic;
}

@media (min-width: 768px) {
  .footer__inner {
    padding-block: 30px;
    text-align: center;
  }

  .footer__logo {
    display: flex;
    justify-content: center;
  }

  .footer__menu ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
  }

  .footer__menu ul li:not(:last-child) {
    margin-bottom: 0;
  }
}