.about-header {
  position: relative;
  min-height: 100vh;
}

.animation-container {
  position: absolute;
  height: 100vh;
  overflow: visible;
  width: 100%;
  top: -260px;
  z-index: -1;
}

.intro-animation {
  position: absolute;
  right: 0;
  overflow: hidden;
}
.intro-animation .block-animation {
  display: block;
  right: -220px;
}
.intro-animation .block-animation.map-l {
  width: 1400px;
  height: 1400px;
}

.block-text.intro {
  padding-top: 50px;
  margin-top: 0;
  max-width: 75%;
}
.block-text.intro .container {
  padding-left: 8.33vw;
  padding-right: 8.33vw;
}
.block-text.intro br {
  display: none;
}

main {
  padding-top: calc(8.333% - 50px);
}

@media all and (max-width: 1600px) {
  .block-text.intro {
    max-width: 90%;
  }
  .animation-container {
    top: -60px;
  }
  .intro-animation {
    right: 0;
    overflow: hidden;
  }
  .intro-animation .block-animation.map-l {
    width: 1170px;
    height: 1264px;
    right: -280px;
  }
  .about-header {
    min-height: 120vh;
  }
}
@media all and (max-width: 1025px) {
  .animation-container {
    top: 290px;
    overflow: hidden;
  }
  .about-header {
    min-height: 130vh;
    height: auto;
  }
  .intro-animation {
    top: auto;
    right: auto;
    left: -110px;
    bottom: 40px;
  }
  .intro-animation .block-animation.map-l {
    width: 140vw;
    height: 140vw;
    right: -110px;
  }
  .intro-animation .block-animation.map-l .lottie-map-background {
    width: 140vw;
    height: 140vw;
  }
  .intro-animation .block-animation.map-l .lottie-map {
    width: 140vw;
    height: 140vw;
  }
  .block-text.intro {
    hyphens: auto;
    max-width: 100%;
  }
  .language-switch {
    left: 25px;
    top: 25px;
  }
  main {
    padding-top: 30px;
  }
}

/*# sourceMappingURL=about.css.map */