#pg-countdown-content,
#pg-illustration-content {
  position: relative;
  z-index: 9;
  max-width: 30rem;
}
@media (min-width: 451px) and (max-width: 800px) {
  #pg-countdown-content,
  #pg-illustration-content {
    max-width: 30rem;
  }
}
@media (min-width: 1251px) and (max-width: 9999px) {
  #pg-countdown-content,
  #pg-illustration-content {
    max-width: 50%;
  }
}
@media (min-width: 1801px) {
  #pg-countdown-content,
  #pg-illustration-content {
    top: -1.5rem;
  }
}

#pg_countdown_bg_region,
#pg-illustration-bg-region {
  background: #b3d3e8;
  background: linear-gradient(180deg, rgba(179, 211, 232, 0.4) 0rem, rgba(255, 255, 255, 0) 8rem);
  position: relative;
  overflow: hidden;
  padding-top: 0rem;
  min-height: 40rem;
}
@media (min-width: 451px) and (max-width: 800px) {
  #pg_countdown_bg_region,
  #pg-illustration-bg-region {
    padding-top: 7rem;
    min-height: 52rem;
  }
}
@media (min-width: 0px) and (max-width: 450px) {
  #pg_countdown_bg_region,
  #pg-illustration-bg-region {
    padding-top: 4rem;
    min-height: 46rem;
  }
}
@media (min-width: 1251px) and (max-width: 9999px) {
  #pg_countdown_bg_region,
  #pg-illustration-bg-region {
    min-height: 46rem;
  }
}

.pg_countdown_bg_block,
.pg-illustration-bg-block {
  position: absolute;
  width: 100vw;
}

#pg_countdown_bg_grass,
#pg-illustration-bg-grass {
  bottom: -2px;
  z-index: 1;
}
@media (min-width: 801px) and (max-width: 1250px) {
  #pg_countdown_bg_grass,
  #pg-illustration-bg-grass {
    width: 140vw;
  }
}
@media (min-width: 451px) and (max-width: 800px) {
  #pg_countdown_bg_grass,
  #pg-illustration-bg-grass {
    width: 220vw;
  }
}
@media (min-width: 0px) and (max-width: 450px) {
  #pg_countdown_bg_grass,
  #pg-illustration-bg-grass {
    width: 260vw;
  }
}
@media (min-width: 1251px) and (max-width: 9999px) {
  #pg_countdown_bg_grass,
  #pg-illustration-bg-grass {
    width: 160vw;
  }
}

#pg_countdown_bg_lake,
#pg-illustration-bg-lake {
  z-index: 2;
  width: 40vw;
  max-width: 30rem;
  bottom: -4vw;
  left: 6vw;
}
@media (min-width: 451px) and (max-width: 800px) {
  #pg_countdown_bg_lake,
  #pg-illustration-bg-lake {
    width: 55vw;
    bottom: -6vw;
    left: -7vw;
  }
}
@media (min-width: 0px) and (max-width: 450px) {
  #pg_countdown_bg_lake,
  #pg-illustration-bg-lake {
    z-index: 2;
    width: 78vw;
    bottom: -9vw;
    left: -19vw;
  }
}

#pg_countdown_bg_forrest,
#pg-illustration-bg-forest {
  z-index: 3;
  width: 50vw;
  max-width: 35rem;
  bottom: 4vw;
  right: -5vw;
}
@media (min-width: 1251px) and (max-width: 9999px) {
  #pg_countdown_bg_forrest,
  #pg-illustration-bg-forest {
    bottom: 5vw;
  }
}
@media (min-width: 451px) and (max-width: 800px) {
  #pg_countdown_bg_forrest,
  #pg-illustration-bg-forest {
    width: 65vw;
    bottom: 7vw;
    right: -22vw;
  }
}
@media (min-width: 0px) and (max-width: 450px) {
  #pg_countdown_bg_forrest,
  #pg-illustration-bg-forest {
    width: 78vw;
    bottom: 7vw;
    right: -30vw;
  }
}

#pg_countdown_bg_sky,
#pg-illustration-bg-sky {
  z-index: 0;
  width: 34vw;
  max-width: 20rem;
  top: 4vw;
  right: 0vw;
}
@media (min-width: 451px) and (max-width: 800px) {
  #pg_countdown_bg_sky,
  #pg-illustration-bg-sky {
    width: 38vw;
    top: 12vw;
    right: 2vw;
  }
}
@media (min-width: 0px) and (max-width: 450px) {
  #pg_countdown_bg_sky,
  #pg-illustration-bg-sky {
    width: 55vw;
    top: 4.5rem;
    right: 2vw;
  }
}

/*# sourceMappingURL=bg-illustrations.css.map */