@import url("https://fonts.googleapis.com/css2?family=Bellefair&family=Karla:ital,wght@0,200..800;1,200..800&family=Meie+Script&display=swap");
section.intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: auto 1fr auto;
  padding-top: 80px;
  -webkit-column-gap: max(6vw, 30px);
     -moz-column-gap: max(6vw, 30px);
          column-gap: max(6vw, 30px);
  row-gap: calc(1.1rem + 1.2444444444vw);
}
@media (min-width: 1800px) {
  section.intro {
    row-gap: 2.5rem;
  }
}
section.intro .title_large {
  padding: 0 max(4vw, 20px);
  text-align: center;
  color: #C59D98;
  grid-column: 1/3;
  font-size: calc(1.7666666667rem + 9.5407407407vw);
}
@media (min-width: 1800px) {
  section.intro .title_large {
    font-size: 12.5rem;
  }
}
section.intro .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: max(4vw, 20px);
}
section.intro .left .title {
  margin-bottom: 0.4em;
}
section.intro .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: max(4vw, 20px);
  row-gap: 30px;
}
section.intro .illustration_bottom {
  grid-column: 1/3;
  margin-left: auto;
  min-width: 48%;
  width: 550px;
  max-width: 80%;
}
@media (max-width: 768px) {
  section.intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 0;
  }
  section.intro .title_large {
    font-size: calc(1.4333333333rem + 5.3925925926vw);
  }
}
@media (max-width: 768px) and (min-width: 1800px) {
  section.intro .title_large {
    font-size: 7.5rem;
  }
}
@media (max-width: 768px) {
  section.intro .illustration_top {
    max-width: 100%;
  }
  section.intro .left, section.intro .right {
    padding: 0 max(4vw, 20px);
  }
  section.intro .right {
    row-gap: 20px;
  }
  section.intro .illustration_bottom {
    max-width: 100%;
  }
}
/*# sourceMappingURL=../../maps/home/intro/intro.css.map */