/* Align the brand and header controls on a shared top edge. */
.site-header {
  align-items: flex-start;
  padding-top: 14px;
  padding-bottom: 14px;
}
.site-header nav { align-self: flex-start; }

@media (max-width: 560px) {
  .site-header {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}