/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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: #252525
 * gray: #a0a0a0
 * gray-light: #dcdcdc
 * blue: #0f3d4c
 * gold: #897f50
 * flat-green: #4e8b9e
 *
 * 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 - ParagraphR
 * .type--text-sm - Text small - ParagraphS
 * .type--text-md - Text medium - ParagraphM
 * .type--text-lg - Text large - ParagraphB
 * .type--text-xl - Text xl - HeroSub
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #252525
 * gray: #a0a0a0
 * gray-light: #dcdcdc
 * blue: #0f3d4c
 * gold: #897f50
 * flat-green: #4e8b9e
 *
 * 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 - ParagraphR
 * .type--text-sm - Text small - ParagraphS
 * .type--text-md - Text medium - ParagraphM
 * .type--text-lg - Text large - ParagraphB
 * .type--text-xl - Text xl - HeroSub
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #252525
 * gray: #a0a0a0
 * gray-light: #dcdcdc
 * blue: #0f3d4c
 * gold: #897f50
 * flat-green: #4e8b9e
 *
 * 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 - ParagraphR
 * .type--text-sm - Text small - ParagraphS
 * .type--text-md - Text medium - ParagraphM
 * .type--text-lg - Text large - ParagraphB
 * .type--text-xl - Text xl - HeroSub
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #252525
 * gray: #a0a0a0
 * gray-light: #dcdcdc
 * blue: #0f3d4c
 * gold: #897f50
 * flat-green: #4e8b9e
 *
 * 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 - ParagraphR
 * .type--text-sm - Text small - ParagraphS
 * .type--text-md - Text medium - ParagraphM
 * .type--text-lg - Text large - ParagraphB
 * .type--text-xl - Text xl - HeroSub
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #252525
 * gray: #a0a0a0
 * gray-light: #dcdcdc
 * blue: #0f3d4c
 * gold: #897f50
 * flat-green: #4e8b9e
 *
 * 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 - ParagraphR
 * .type--text-sm - Text small - ParagraphS
 * .type--text-md - Text medium - ParagraphM
 * .type--text-lg - Text large - ParagraphB
 * .type--text-xl - Text xl - HeroSub
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #252525
 * gray: #a0a0a0
 * gray-light: #dcdcdc
 * blue: #0f3d4c
 * gold: #897f50
 * flat-green: #4e8b9e
 *
 * 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 - ParagraphR
 * .type--text-sm - Text small - ParagraphS
 * .type--text-md - Text medium - ParagraphM
 * .type--text-lg - Text large - ParagraphB
 * .type--text-xl - Text xl - HeroSub
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #252525
 * gray: #a0a0a0
 * gray-light: #dcdcdc
 * blue: #0f3d4c
 * gold: #897f50
 * flat-green: #4e8b9e
 *
 * 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 - ParagraphR
 * .type--text-sm - Text small - ParagraphS
 * .type--text-md - Text medium - ParagraphM
 * .type--text-lg - Text large - ParagraphB
 * .type--text-xl - Text xl - HeroSub
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #252525
 * gray: #a0a0a0
 * gray-light: #dcdcdc
 * blue: #0f3d4c
 * gold: #897f50
 * flat-green: #4e8b9e
 *
 * 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 - ParagraphR
 * .type--text-sm - Text small - ParagraphS
 * .type--text-md - Text medium - ParagraphM
 * .type--text-lg - Text large - ParagraphB
 * .type--text-xl - Text xl - HeroSub
 *
 * Style guide: typography
 */
.simple h2,
.simple h3,
.simple h4 {
  font-family: "Inter";
  font-size: max(28px, 1.5625vw);
  line-height: max(34px, 1.875vw);
  font-weight: 600;
}

.simple {
  padding-top: max(80px, 4.1666666667vw);
}
.simple .container {
  padding-top: max(40px, 6.25vw);
  padding-bottom: max(40px, 4.1666666667vw);
  margin-inline: auto;
  max-width: max(700px, 64.3229166667vw);
}
.simple h1 {
  text-align: center;
}
.simple-btn {
  display: inline-block;
  position: relative;
  margin-bottom: 1em;
}
.simple-btn::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px;
  height: 1px;
  width: 100%;
  background-color: #252525;
}
@media (max-width: 767.98px) {
  .simple .container {
    padding-inline: 15px;
  }
}

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