/* In order to use this import, make sure you have the bourbon setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "bourbon";
 */
/* In order to use this import, make sure you have the bourbonneat setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "neat";
 */
/* In order to use this import, make sure you have the breakpoint setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "breakpoint";
 */
/* Animation definitions */
.brick {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.brick__inner {
  max-width: 100%;
  width: 1210px;
  margin: 0 auto;
  padding: 4.25rem 20px;
}

.brick--gray {
  background: #333;
  color: #FFF;
}

.brick--blue {
  background-image: linear-gradient(-139deg, #4BACC6 0%, #4F81BD 44%, #084975 100%);
}

.brick--gray-light {
  background: #F2F2F2;
}

.brick--no-whitespace-stacking .brick__inner {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/*# sourceMappingURL=maps/brick.css.map */
