/* The supplied Appcodie wordmark, with the site's orange accent. */
.brand,
.footer-brand {
  flex-shrink: 0;
}

.brand-logo {
  display: block;
  width: 170px;
  height: auto;
  max-width: 100%;
}

.brand {
  min-height: 44px;
}

.footer-brand {
  display: inline-block;
}

.footer-brand .brand-logo {
  width: 190px;
}

.resource-footer-brand p {
  margin-top: 12px;
}

@media (max-width: 760px) {
  .nav .brand-logo {
    width: 136px;
  }
}

@media (max-width: 400px) {
  .nav .brand-logo {
    width: 108px;
  }

  .nav > .button-small {
    gap: 0;
    padding-inline: 10px;
    min-height: 44px;
  }

  .nav > .button-small > span {
    display: none;
  }
}