/*
 * Homepage-only logo sizing.
 *
 * The shared header remains 200 × 60 px everywhere else. This page-specific
 * override gives the homepage logo a little more presence without changing
 * any other page or allowing the logo to overlap the navigation.
 */

.warm-home .warm-nav .warm-logo-link {
  width: 15.5rem !important;
  min-width: 15.5rem !important;
  max-width: 15.5rem !important;
  height: 4.5rem !important;
}

.warm-home .warm-nav .warm-logo {
  width: 16rem !important;
  min-width: 16rem !important;
  max-width: 16rem !important;
}

.warm-home .warm-nav .warm-nav-inner {
  min-height: 6.25rem !important;
}

@media (max-width: 760px) {
  .warm-home .warm-nav .warm-logo-link {
    width: 11.25rem !important;
    min-width: 11.25rem !important;
    max-width: 11.25rem !important;
    height: 3.6rem !important;
  }

  .warm-home .warm-nav .warm-logo {
    width: 11.75rem !important;
    min-width: 11.75rem !important;
    max-width: 11.75rem !important;
  }

  .warm-home .warm-nav .warm-nav-inner {
    min-height: 5rem !important;
  }
}

@media (max-width: 420px) {
  .warm-home .warm-nav .warm-logo-link {
    width: 9.75rem !important;
    min-width: 9.75rem !important;
    max-width: 9.75rem !important;
    height: 3.15rem !important;
  }

  .warm-home .warm-nav .warm-logo {
    width: 10.25rem !important;
    min-width: 10.25rem !important;
    max-width: 10.25rem !important;
  }
}