/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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: #ffffff
 * black: #252525
 * blue: #0047FF
 * blue-dark: #0130AC
 * gray: #A0A0A0
 * gray-dark: #5D5D5B
 * gray-light: #F2F2F2
 *
 * 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 - Text | ParagraphN
 * .type--text-sm - Text small | ParagraphS
 * .type--text-display - Text Display
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #ffffff
 * black: #252525
 * blue: #0047FF
 * blue-dark: #0130AC
 * gray: #A0A0A0
 * gray-dark: #5D5D5B
 * gray-light: #F2F2F2
 *
 * 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 - Text | ParagraphN
 * .type--text-sm - Text small | ParagraphS
 * .type--text-display - Text Display
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #ffffff
 * black: #252525
 * blue: #0047FF
 * blue-dark: #0130AC
 * gray: #A0A0A0
 * gray-dark: #5D5D5B
 * gray-light: #F2F2F2
 *
 * 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 - Text | ParagraphN
 * .type--text-sm - Text small | ParagraphS
 * .type--text-display - Text Display
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #ffffff
 * black: #252525
 * blue: #0047FF
 * blue-dark: #0130AC
 * gray: #A0A0A0
 * gray-dark: #5D5D5B
 * gray-light: #F2F2F2
 *
 * 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 - Text | ParagraphN
 * .type--text-sm - Text small | ParagraphS
 * .type--text-display - Text Display
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #ffffff
 * black: #252525
 * blue: #0047FF
 * blue-dark: #0130AC
 * gray: #A0A0A0
 * gray-dark: #5D5D5B
 * gray-light: #F2F2F2
 *
 * 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 - Text | ParagraphN
 * .type--text-sm - Text small | ParagraphS
 * .type--text-display - Text Display
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #ffffff
 * black: #252525
 * blue: #0047FF
 * blue-dark: #0130AC
 * gray: #A0A0A0
 * gray-dark: #5D5D5B
 * gray-light: #F2F2F2
 *
 * 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 - Text | ParagraphN
 * .type--text-sm - Text small | ParagraphS
 * .type--text-display - Text Display
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #ffffff
 * black: #252525
 * blue: #0047FF
 * blue-dark: #0130AC
 * gray: #A0A0A0
 * gray-dark: #5D5D5B
 * gray-light: #F2F2F2
 *
 * 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 - Text | ParagraphN
 * .type--text-sm - Text small | ParagraphS
 * .type--text-display - Text Display
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #ffffff
 * black: #252525
 * blue: #0047FF
 * blue-dark: #0130AC
 * gray: #A0A0A0
 * gray-dark: #5D5D5B
 * gray-light: #F2F2F2
 *
 * 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 - Text | ParagraphN
 * .type--text-sm - Text small | ParagraphS
 * .type--text-display - Text Display
 *
 * Style guide: typography
 */
.simple h2,
.simple h3,
.simple h4 {
  font-family: "Lato";
  font-size: max(22px, 1.5625vw);
  line-height: max(26px, 1.875vw);
  font-weight: 500;
}

/**
 * Colors
 *
 * Colors:
 * white: #ffffff
 * black: #252525
 * blue: #0047FF
 * blue-dark: #0130AC
 * gray: #A0A0A0
 * gray-dark: #5D5D5B
 * gray-light: #F2F2F2
 *
 * 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 - Text | ParagraphN
 * .type--text-sm - Text small | ParagraphS
 * .type--text-display - Text Display
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #ffffff
 * black: #252525
 * blue: #0047FF
 * blue-dark: #0130AC
 * gray: #A0A0A0
 * gray-dark: #5D5D5B
 * gray-light: #F2F2F2
 *
 * 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 - Text | ParagraphN
 * .type--text-sm - Text small | ParagraphS
 * .type--text-display - Text Display
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #ffffff
 * black: #252525
 * blue: #0047FF
 * blue-dark: #0130AC
 * gray: #A0A0A0
 * gray-dark: #5D5D5B
 * gray-light: #F2F2F2
 *
 * 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 - Text | ParagraphN
 * .type--text-sm - Text small | ParagraphS
 * .type--text-display - Text Display
 *
 * Style guide: typography
 */
.simple {
  background: #f2f2f2;
}
.simple .container {
  padding-top: max(40px, 6.25vw);
  padding-bottom: max(40px, 4.1666666667vw);
  margin-inline: auto;
  max-width: max(700px, 46.875vw);
}
.simple h1 {
  text-align: center;
}
.simple-btn {
  position: relative;
}
.simple-btn::after {
  position: absolute;
  content: "";
  background: #0047ff;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 1px;
}
@media (max-width: 767.98px) {
  .simple .container {
    padding-inline: 20px;
  }
}

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