/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.page-header {
  position: relative;
  padding: 120px 0 95px 0;
  /** Blue colours **/
  /** White colours **/ }
  @media (max-width: 769px) {
    .page-header {
      padding: 40px 0; } }
  .page-header__figure {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .page-header__figure img {
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .page-header__content {
    position: relative;
    z-index: 12;
    width: 100%; }
    .page-header__content--white h2,
    .page-header__content--white p {
      color: #fff !important; }
    .page-header__content--dark h2 {
      color: #212121 !important; }
    .page-header__content--dark p {
      color: #58595B !important; }
  .page-header__heading {
    font-size: 55px;
    font-weight: 900;
    margin-bottom: 0;
    color: #212121;
    line-height: 71.5px; }
    @media (max-width: 769px) {
      .page-header__heading {
        font-size: 35px;
        line-height: 42px; } }
    @media (max-width: 769px) {
      .page-header__heading br {
        display: none; } }
  .page-header__colorPalete,
  .page-header .components-range-control {
    padding: 16px; }
  .page-header .has-blue-background-color {
    background-color: #226997; }
  .page-header .has-blue-color {
    color: #226997; }
  .page-header .has-white-background-color {
    background-color: #ffffff; }
  .page-header .has-white-color {
    color: #ffffff; }
  .page-header__text {
    color: #58595B;
    font-family: "Gelion", Helvetica, Arial, sans-serif;
    line-height: 71.5px;
    margin: 0px;
    font-size: 55px;
    font-weight: 300;
    color: #58595B;
    line-height: 71.5px; }
    @media (max-width: 769px) {
      .page-header__text {
        font-size: 35px;
        line-height: 42px;
        padding-top: 12px; } }
    .page-header__text p {
      margin: 0px;
      font-size: 55px;
      font-weight: 300;
      color: #58595B;
      line-height: 71.5px; }
      @media (max-width: 769px) {
        .page-header__text p {
          font-size: 35px;
          line-height: 42px; } }
  .page-header--text-center {
    text-align: center; }
  .page-header__overlay {
    background-color: #000;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9; }


/*# sourceMappingURL=style-index.css.map*/