/* bmwmotorcycle: the site's CSS makes .header_row display:flex. Under BS3 that was a
   non-wrapping row whose columns shrank to fit (logo + BMW Motorrad badge side by side).
   BS5 rows wrap and force columns to width:100%, which stacks them on mobile. */
@media (max-width: 767px) {
    .header_row { flex-wrap: nowrap; }
    .header_row > [class*="col-"] { width: auto; flex: 0 1 auto; }
}