/* DiasporaLink — responsive fixes (map + benefits section) */

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

.section_benefits .benefits_component {
  width: 100%;
}

.globe-container {
  align-items: center;
  justify-content: center;
  min-height: 280px;
  max-height: min(100vh, 720px);
  overflow: hidden;
}

.globe-container > * {
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 991px) {
  .section_benefits .benefits_list {
    grid-template-columns: 1fr !important;
    grid-row-gap: 2.5rem;
  }

  .globe-container {
    height: auto !important;
    min-height: 300px;
    max-height: min(72vh, 520px);
    margin-top: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .globe-container {
    min-height: 260px;
    max-height: min(58vh, 440px);
    margin-top: 1.5rem;
  }
}

@media screen and (max-width: 479px) {
  .globe-container {
    min-height: 220px;
    max-height: min(50vh, 380px);
    margin-top: 1.25rem;
  }
}