section.item {
  margin: clamp(0px, 2vw, 30px);
  background-color: var(--yellow1);
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
}
section.item img {
  width: 40%;
}
section.item div {
  width: 60%;
  flex: 1 1 0px;
  padding: clamp(15px, 2.4vw, 35px);
}
section.item div h1 {
  color: var(--gray1);
  font-size: clamp(18px, 2.5vw, 33px);
  margin: 0;
  margin-bottom: 16px;
}
section.item div h2 {
  color: var(--gray1);
  font-size: clamp(13px, 1.8vw, 23px);
  margin: 0;
}
@media only screen and (max-width: 650px) {
  section.item div,
section.item img {
    width: 100%;
  }
  section.item div {
    padding-left: 3px;
  }
}

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