/*
   imported from header.scss 
*/

/*
  When adding a color, please add it to the :export section at the end of this file.
  If you need to add a new section/type of color, you can add the section title to the :export by pre-prending it with an underscore.
*/
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* Primary Colors */
/* Secondary Colors */
/* Gradients */
/* Transparencies */
/* stylelint-disable */

/* stylelint-enable */
/**
  If making changes to this file, please make sure the changes are reflected on the :export section at the end of the file.
 */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* IMPORT_PT: update these as the project sees fit */
/* stylelint-disable */

/* stylelint-enable */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* IMPORT_PT: update these as the project sees fit */
/* Line Heights */
/* stylelint-disable */

/* stylelint-enable */
.header__header___3v_A5 {
  align-items: center;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  font-family: "Lato", sans-serif;
  height: 100%;
  justify-content: center;
  padding: 10% 0; }
  .header__header__title___qetko {
    font-size: calc(28px + 20 * (100vw - 320px) / 1120);
    font-style: normal;
    font-weight: bold;
    line-height: calc(47px + 11 * (100vw - 320px) / 1120);
    margin-top: 2%; }
  .header__header__sub-title___3HksO {
    font-size: calc(18px + 5 * (100vw - 320px) / 1120);
    line-height: calc(25px + 6 * (100vw - 320px) / 1120); }
  .header__header__close___21Znq {
    align-self: right;
    background-color: Transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 18px;
    top: 24px; }
    .header__header__close___21Znq svg {
      height: calc(18px + 5 * (100vw - 320px) / 1120);
      width: calc(18px + 5 * (100vw - 320px) / 1120); }

.header__with-subtitle___1NxvL {
  margin-bottom: 2%;
  margin-top: 3%; }