.brand {
  align-items: center;
  display: flex;
  flex: 0 1 390px;
  min-width: 0;
}

.brand img {
  display: block;
  height: auto;
  max-height: 58px;
  max-width: min(390px, 46vw);
  width: 100%;
}

footer .footer-logo {
  display: block;
  height: auto;
  max-width: 280px;
  width: min(45vw, 280px);
}

.admin-photos > div {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.admin-photos > div > span { flex: 1 1 180px; }
.admin-photos > div > form { margin: 0; }

@media (max-width: 650px) {
  .brand { flex-basis: 210px; }
  .brand img { max-width: 210px; }
  footer .footer-logo { width: min(70vw, 260px); }
}