.subsection {
  margin-bottom: 2vw;
  font-size: 0;
}/* 
@media screen and (max-width: 500px) {
  .subsection {
    gap: 8px !important;
    flex-direction: column;
    padding: 8px 0 8px 0;
  }
}
@media screen and (max-width: 768px) {
  .subsection {
    gap: 32px;
    padding: 8px 0 8px 0;
  }
}
@media screen and (min-width: 768px) {
  .subsection {
    gap: 64px;
    padding: 16px 0 16px 0;
  }
}*/

.section-header {
  margin: 2vw 0;
}

.subsection-title, .section-title {
  display: block;
  vertical-align: top;
}/*
@media screen and (max-width: 500px) {
  .subsection-title, .section-title {
    width: 80% !important;
  }
}
@media screen and (max-width: 768px) {
  .subsection-title, .section-title {
    width: 110px;
  }
}
@media screen and (min-width: 768px) {
  .subsection-title, .section-title {
    width: 200px;
  }
}*/

.subsection-text-wrapper {
  display: block;
}

@media only screen and (min-width: 768px) {
  .subsection-title, .section-title {
    display: inline-block;
    width: calc(100% / 3);
  }

  .subsection-text-wrapper {
    display: inline-block;
    width: calc(200% / 3);
  }
}

.subsection-text {
  margin-bottom: 2vw;
  font-size: 12px;
}

@media only screen and (min-width: 768px) {
  .subsection-text {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1024px) {
  .subsection-text {
    font-size: 20px;
  }
}

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