/*
 * DO NOT EDIT THIS FILE.
 * Find the correct source file and do your changes there.
 * @preserve
 */
/**
 * We are using PostCSS Custom Media because we can not use custom properties inside @media.
 * For more information go to: https://www.npmjs.com/package/postcss-custom-media
 */
.block-chbc-pcc-about {
  background: var(--color-blue-50);
}
.block-chbc-pcc-about::after {
    left: 100%;
    right: auto;
  }
.block-chbc-pcc-about .block-media img {
    display: block;
  }
.block-chbc-pcc-about .block-content {
    font-size: 1rem;
  }
.block-chbc-pcc-about h2 {
    font-size: 1.75rem;
    font-weight: var(--fw-normal);
    margin-top: 0;
  }
.block-chbc-pcc-about .btn-about {
    margin-top: 2rem;
  }
@media (max-width: 599px) {
.block-chbc-pcc-about {
    text-align: center;
}

    .block-chbc-pcc-about h2 {
      margin-top: 1.5rem;
    }
  }
@media (min-width: 900px) {
.block-chbc-pcc-about {
    align-items: center;
    display: grid;
    gap: var(--gutter);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
  }

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