/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./cartridges/app_custom_interceramic/cartridge/client/default/scss/experience/components/customAssets/banner.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.jumbotron .comp-banner-img {
  height: auto;
  width: 100%;
}
.jumbotron .comp-banner-container {
  z-index: 0;
}
.jumbotron .comp-banner-container-title {
  height: 120px;
  align-content: center;
  background: rgba(85, 86, 90, 0.3);
}
.jumbotron .comp-banner-title {
  font-weight: 300;
  font-size: 48px;
  line-height: 72px;
  color: white;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .jumbotron .comp-banner-container-title {
    height: 60px;
    align-content: center;
  }
  .jumbotron .comp-banner-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 36px;
  }
}
@media (max-width: 767.98px) {
  .jumbotron .comp-banner-container-title {
    height: 60px;
    align-content: center;
  }
  .jumbotron .comp-banner-title {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
  }
}

/*# sourceMappingURL=default\css\experience\components\customAssets\banner.css.map*/