/* Centered layout and uploaded brand logo */
.site-header {
  width: 100%;
  max-width: 1180px;
  margin-inline: auto;
  padding-inline: 28px;
}

main {
  width: 100%;
  max-width: 920px;
  margin-inline: auto;
  padding-inline: 24px;
}

footer {
  width: 100%;
  max-width: 1120px;
  margin-inline: auto;
  padding-inline: 28px;
}

.brand-logo-image {
  display: block;
  width: auto;
  height: 64px;
  object-fit: contain;
}

.footer-logo {
  width: auto;
  height: 34px;
  object-fit: contain;
}

@media (max-width: 700px) {
  .site-header,
  footer { padding-inline: 18px; }
  main { padding-inline: 18px; }
  .brand-logo-image { height: 50px; max-width: 210px; }
  .footer-logo { height: 28px; max-width: 150px; }
}

@media (max-width: 420px) {
  main { padding-inline: 13px; }
}