@font-face {
  font-family: vrm;
  src: url('/UKNumberPlate.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.navbar .vrm-plate {
  font-family: vrm, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 5px;
  padding: .2em .5em;
  white-space: nowrap;
  color: #0a0a0a;
  background-color: #fbda06;
  border-radius: 4px;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .navbar .vrm-plate { display: inline-block; margin-bottom: 12px; }
}

/* Keep menu links and the car plate on one row on desktop. */
@media (min-width: 1100px) {
  .navbar > .container-fluid { display: flex; align-items: center; }
  .navbar > .container-fluid::before, .navbar > .container-fluid::after,
  .navbar .navbar-collapse::before, .navbar .navbar-collapse::after { display: none; }
  .navbar .navbar-header { float: none; flex: 0 0 auto; }
  .navbar .navbar-collapse { display: flex !important; align-items: center; flex: 1 1 auto; min-width: 0; }
  .navbar .navbar-nav { display: flex; float: none; flex: 0 0 auto; margin-top: 0; margin-bottom: 0; }
  .navbar .vrm-plate { display: inline-block; flex: 0 0 auto; line-height: 1.1; margin: 5px; font-size: clamp(24px, calc(4.444vw - 24.89px), 32px) !important; }
}
/* Collapse before a long car label could crowd the links. */
@media (min-width: 768px) and (max-width: 1099px) {
  .navbar .navbar-header { float: none; }
  .navbar .navbar-toggle { display: block; }
  .navbar .navbar-collapse.collapse { display: none !important; }
  .navbar .navbar-collapse.collapse.in { display: block !important; }
  .navbar .navbar-nav { float: none; margin: 7.5px -15px; }
  .navbar .navbar-nav > li { float: none; }
  .navbar .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
  .navbar .vrm-plate { display: inline-block; margin-bottom: 12px; }
  .navbar .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; }
}
