/* Custom overrides: keep the header logo small and inline with the menu */
#mainnav > ul > li.logo {
  display: inline-block; /* keep logo on same line as menu items */
  vertical-align: middle;
  margin-right: 12px; /* space between logo and 'Home' */
  padding: 0;
}
#mainnav > ul > li.logo > a { display: inline-block; padding: 0; }
#mainnav > ul > li.logo img { max-height: 36px; width: auto; display: block; }

/* Ensure mobile uses the mobile logo and hide desktop logo at small widths */
@media only screen and (max-width: 991px) {
  #mainnav > ul > li.logo { display: none; }
  .logo-mobi { display: block; }
}