/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./assets/css/pages/simple.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--title-huge
 * .type--title-main
 * .type--title-secondary
 * .type--button
 * .type--text-big
 * .type--text
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--title-huge
 * .type--title-main
 * .type--title-secondary
 * .type--button
 * .type--text-big
 * .type--text
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--title-huge
 * .type--title-main
 * .type--title-secondary
 * .type--button
 * .type--text-big
 * .type--text
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--title-huge
 * .type--title-main
 * .type--title-secondary
 * .type--button
 * .type--text-big
 * .type--text
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--title-huge
 * .type--title-main
 * .type--title-secondary
 * .type--button
 * .type--text-big
 * .type--text
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--title-huge
 * .type--title-main
 * .type--title-secondary
 * .type--button
 * .type--text-big
 * .type--text
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--title-huge
 * .type--title-main
 * .type--title-secondary
 * .type--button
 * .type--text-big
 * .type--text
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * gray: #b1b2b2
 * primary: #06191f
 * blue: #1979ff
 * orange: #f37021
 * purple: #b444eb
 * white: #fff
 * cream: #e6e7e8
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--title-huge
 * .type--title-main
 * .type--title-secondary
 * .type--button
 * .type--text-big
 * .type--text
 *
 * Style guide: typography
 */
.simple h2,
.simple h3,
.simple h4 {
  font-family: canela;
  font-size: max(22px, 1.6666666667vw);
  line-height: 105%;
  font-weight: 300;
}

.simple {
  background-color: #f8f2ef;
}
.simple .container {
  color: #2d2d2d;
  padding-top: max(140px, 13.0208333333vw);
  padding-left: max(40px, 4.1666666667vw);
  padding-right: max(40px, 4.1666666667vw);
  padding-bottom: max(40px, 4.1666666667vw);
  margin-left: auto;
  margin-right: auto;
  max-width: max(700px, 64.3229166667vw);
}
.simple h1 {
  text-align: center;
  text-transform: uppercase;
}
.simple h2,
.simple h3,
.simple h4 {
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .simple .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

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