.page-content12 {
  background-color: var(--SECONDARY_MINOR_COLOR);
}
.page-content12__container {
  padding: 60px 40px;
}

.page-content12__block {
  margin-bottom: 20px;
}

.page-content12__title {
  font-weight: bold;
  font-size: 24px;
  line-height: 130%;
  color: var(--SECONDARY_MAJOR_COLOR);
  border-bottom: 2px solid var(--PRIMARY_MAJOR_COLOR);
  padding: 0 15px 10px 0;
  margin-bottom: 5px;
  display: inline-block;
}

.page-content12__text {
  font-weight: normal;
  font-size: 16px;
  line-height: 160%;
  color: var(--SECONDARY_MAJOR_COLOR);
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .page-content12__container {
    padding: 117px 20px;
    max-width: var(--CONTAINER_WIDTH);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .page-content12__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    margin-bottom: 40px;
  }
  .page-content12__title-block {
    width: 300px;
  }
  .page-content12__text-block {
    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: 20px;
  }
  .page-content12__title {
    padding: 0 0 10px 0;
  }
  .page-content12__text {
    max-width: 600px;
  }
}
/*# sourceMappingURL=style.css.map */