/* Two Tone Running v12 - force larger header logo on mobile */
@media (max-width: 640px) {
  header.topbar {
    height: 72px !important;
  }

  header.topbar .topbar-brand-image {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  header.topbar .topbar-brand-image img {
    width: auto !important;
    height: 56px !important;
    max-height: 56px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  header.topbar.role-athlete.is-live .topbar-brand-image img {
    max-width: calc(100vw - 86px) !important;
  }

  header.topbar.role-coach.is-live .topbar-brand-image img {
    max-width: calc(100vw - 128px) !important;
  }

  header.topbar:not(.is-live) .topbar-brand-image img {
    max-width: calc(100vw - 16px) !important;
  }
}

@media (max-width: 420px) {
  header.topbar {
    height: 70px !important;
  }

  header.topbar .topbar-brand-image img {
    height: 54px !important;
    max-height: 54px !important;
  }

  header.topbar.role-athlete.is-live .topbar-brand-image img {
    max-width: calc(100vw - 82px) !important;
  }

  header.topbar.role-coach.is-live .topbar-brand-image img {
    max-width: calc(100vw - 122px) !important;
  }
}