.logo {
  width: 610px;
  max-width: 53%;
  flex: 0 1 610px;
}
.logo img {
  overflow: visible;
}
.footer > img {
  width: 540px;
  max-width: 100%;
}
@media (max-width: 1350px) {
  .logo {
    width: 475px;
    max-width: 44%;
    flex-basis: 475px;
  }
  nav {
    gap: 20px;
  }
}
@media (max-width: 900px) {
  .logo {
    width: 500px;
    max-width: 82%;
    flex-basis: auto;
  }
}
@media (max-width: 600px) {
  .logo {
    width: 420px;
    max-width: 88%;
  }
}