/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./source/scss/components/copy-media-content-12col.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
html {
  --blue-100: #1C63B6;
  --blue-75: #558AC8;
  --blue-50: #8EB1DA;
  --blue-25: #C6D8ED;
  --grey-100: #444;
  --grey-75: #737373;
  --grey-50: #A1A1A1;
  --grey-25: #D0D0D0;
  --grey-10: #ECECEC;
  --grey-5: #F9F9F9;
  --black-100: #202020;
  --black-90: #363636;
  --white-100: #ffffff;
}

.img-12col img {
  max-width: 100%;
  height: auto;
}

.content-12-col-header {
  color: #1C63B6;
  color: var(--blue-100);
  margin-bottom: 24px;
}
@media (max-width: 767.98px) {
  .content-12-col-header.display-3-medium {
    font-size: 28px;
  }
}

.content-12-col-text {
  color: #444;
  color: var(--grey-100);
}

@media (min-width: 768px) {
  .img-container-12col,
  .text-container-12col {
    grid-row-start: 1;
  }
}

/*# sourceMappingURL=copy-media-content-12col.css.map*/