html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

.gecko-home-logo,
.gecko-logo-panel {
  box-sizing: border-box;
  max-width: 100%;
}

.gecko-home-logo .gecko-logo-image,
.gecko-logo-panel .gecko-logo-image {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

#able-gecko .gecko-home-logo,
.gecko-logo-panel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: inline-block !important;
}

#able-gecko .gecko-home-logo {
  width: min(520px, 82vw) !important;
  max-width: 82vw !important;
}

.gecko-logo-panel {
  width: min(560px, 100%) !important;
  min-height: 0 !important;
}

#able-gecko .gecko-home-logo::before,
.gecko-logo-panel::before {
  display: none !important;
  content: none !important;
}

#able-gecko .gecko-home-logo .gecko-logo-image,
.gecko-logo-panel .gecko-logo-image {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
}

@media (max-width: 640px) {
  #able-gecko .gecko-home-logo {
    width: min(84vw, 300px) !important;
    max-width: 84vw !important;
    margin: 1rem auto 1.25rem !important;
  }

  .gecko-logo-panel {
    width: min(84vw, 320px) !important;
    max-width: 84vw !important;
    margin: 1rem auto 0 !important;
  }

  #able-gecko .gecko-home-logo .gecko-logo-image,
  .gecko-logo-panel .gecko-logo-image {
    width: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
  }
}