/* ==========================================================================
  Colors
  ========================================================================== */
/* Primary Color
  ========================================================================== */
/* Secondary Color
  ========================================================================== */
/* Monochrome
  ========================================================================== */
/* Specific colors
  ========================================================================== */
/* ==========================================================================
  Typography
  ========================================================================== */
/* Settings
  ========================================================================== */
/* Families
  ========================================================================== */
/* Weights
  ========================================================================== */
/* Heading
  ========================================================================== */
/* ==========================================================================
  Grid / Responsive
  ========================================================================== */
/* Breakpoints
  ========================================================================== */
/* Spacing
  ========================================================================== */
/* ==========================================================================
  Transitions
  ========================================================================== */
/* ==========================================================================
	Breakpoints
	========================================================================== */
/* ==========================================================================
	Sizes
	========================================================================== */
/* ==========================================================================
	Colors
	========================================================================== */
/* ==========================================================================
	Vertical Align
	========================================================================== */
/* ==========================================================================
	Text Align
	========================================================================== */
/* ==========================================================================
	Font Weight
	========================================================================== */
/* ==========================================================================
	Direction
	========================================================================== */
/* ==========================================================================
	Container
	========================================================================== */
/* ==========================================================================
	Grid
	========================================================================== */
/**
 * Returns opaque color
 * Ex.: opaque(#fff, rgba(0, 0, 0, .5)) => #808080
 */
.c-Form__title, .c-Form__text {
  margin: 0 auto 33px auto;
  text-align: center;
}
.c-Form__form--btn {
  display: flex;
  justify-content: center;
}
.c-Form__form--btn button {
  font-size: 1rem;
}
@media (min-width: 768px) {
  .c-Form {
    --genericFormWidth: 700px;
  }
  .c-Form__text {
    max-width: 632px;
  }
  .c-Form__title {
    max-width: var(--genericFormWidth);
    margin: 0 auto;
  }
  .c-Form__form {
    max-width: var(--genericFormWidth);
    margin: 0 auto;
  }
}
@media (min-width: 991px) {
  .c-Form {
    --genericFormWidth: 800px;
  }
}
@media (min-width: 1200px) {
  .c-Form {
    --genericFormWidth: 900px;
  }
}
@media (min-width: 1450px) {
  .c-Form {
    --genericFormWidth: 1000px;
  }
}
@media (min-width: 1650px) {
  .c-Form {
    --genericFormWidth: 1143px;
  }
}
/*# sourceMappingURL=generic_form.css.map */