/* Double the header logo's previous desktop and responsive widths. */
.site-header .brand {
  flex-basis: 368px;
  width: 368px;
  max-width: 368px;
}

@media (max-width: 800px) {
  .site-header .brand {
    flex-basis: 290px;
    width: 290px;
    max-width: 90vw;
  }
}

@media (max-width: 600px) {
  .site-header .brand {
    flex-basis: 224px;
    width: 224px;
    max-width: 88vw;
  }
}