/**
 * Banner.
 *
 * Styles for the site-wide header.
 */

header[role='banner'] .container {
  display: flex;
  flex-direction: column-reverse;
}

@media (min-width: 768px) {
  header[role='banner'] .container {
    display: block;
  }
}