/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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:
 * white: #fff
 * black: #1b1b1b
 * red: #e91f28
 * gray: #a0a0a0
 * gray-light: #f2f2f2
 * gray-dark: #5d5d5b
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--text - Paragraph
 * .type--text-m - Paragraph M
 * .type--text-s - Paragraph S
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #1b1b1b
 * red: #e91f28
 * gray: #a0a0a0
 * gray-light: #f2f2f2
 * gray-dark: #5d5d5b
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--text - Paragraph
 * .type--text-m - Paragraph M
 * .type--text-s - Paragraph S
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #1b1b1b
 * red: #e91f28
 * gray: #a0a0a0
 * gray-light: #f2f2f2
 * gray-dark: #5d5d5b
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--text - Paragraph
 * .type--text-m - Paragraph M
 * .type--text-s - Paragraph S
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #1b1b1b
 * red: #e91f28
 * gray: #a0a0a0
 * gray-light: #f2f2f2
 * gray-dark: #5d5d5b
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--text - Paragraph
 * .type--text-m - Paragraph M
 * .type--text-s - Paragraph S
 *
 * Style guide: typography
 */
.simple {
  margin-top: calc(var(--header-height) * -1);
  padding-block: calc(var(--header-height) + 30px) 50px;
  padding-inline: 10px;
}
.simple__title {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .simple {
    padding-inline: 9.375vw;
    padding-block: calc(var(--header-height) + max(30px, 2.6041666667vw)) 80px;
  }
  .simple__title {
    margin-bottom: max(20px, 2.0833333333vw);
  }
}

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