/* ------------------------------------------------------------------
   Hand-made tweaks that sit on top of the Medicoz theme CSS.
   Keep customisations here rather than editing the theme files, so
   they stay easy to find.
   ------------------------------------------------------------------ */

/* Logo size -------------------------------------------------------- */
/* The theme caps the header logo at 55px tall. The artwork is 600x225,
   so it has plenty of resolution to go larger; the header's top row is
   ~126px tall, which leaves room. Adjust the max-height values below to
   taste - width follows automatically to keep the aspect ratio. */

.medicoz_header .site-header__header-one .navbar-brand img,
.site-header .navbar-brand img.main-logo {
  max-height: 85px;
  height: auto;
  width: auto;
}

/* tablet */
@media (max-width: 991px) {
  .medicoz_header .site-header__header-one .navbar-brand img,
  .site-header .navbar-brand img.main-logo {
    max-height: 72px;
  }
}

/* phones - keep it clear of the burger menu */
@media (max-width: 767px) {
  .medicoz_header .site-header__header-one .navbar-brand img,
  .site-header .navbar-brand img.main-logo {
    max-height: 58px;
  }
}