.poster {
  background-image: url(../poster.png); }

#parallax1 {
  height: 150vh;
  width: 100%;
  overflow: visible;
  background: no-repeat;
  position: relative;
  top: 0;
  background-size: cover;
  z-index: 100;
  content: 'viewport-units-buggyfill; height: 180vh;'; }

.gap2 {
  height: 150vh;
  content: 'viewport-units-buggyfill; height: 180vh;'; }

#painting {
  position: relative;
  top: 0%; }

.bg-img {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

#text1 {
  top: 58%;
  left: 10%; }

.iOS.mobile #text1 {
  top: 48%; }

#pic1 {
  height: 100%; }

.img1 {
  background-image: url("../images/1.jpg");
  background-position: center;
  background-size: auto 100%;
  background-color: #000;
  position: absolute;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.gap1 {
  height: 70vh;
  content: 'viewport-units-buggyfill; height: 95vh;'; }

#parallax2 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10; }

#pic2 {
  height: 100%;
  opacity: 1; }

.img2 {
  background-image: url("../images/2.jpg");
  background-position: center;
  background-size: 100% auto;
  position: absolute;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

#text2 {
  bottom: 10%;
  position: absolute;
  width: 100%; }

.iOS #text2 {
  bottom: auto;
  top: 70%; }

.saf.mobile #text2 {
  top: 65%; }

#text2 p {
  margin: auto;
  padding: 0px 40px; }

#parallax3 {
  position: fixed;
  opacity: 0;
  z-index: 1;
  top: 0;
  left: 0;
  z-index: 9; }

#text3 {
  bottom: 12%;
  width: 100%; }

#text3a {
  bottom: 12%;
  width: 100%; }

.iOS.mobile #text3, .iOS.mobile #text3a {
  bottom: 28%; }

#pic3 {
  height: 100%;
  width: 100%;
  opacity: 1;
  position: absolute; }

.img3 {
  width: 100%;
  height: 100%;
  background-image: url("../images/3.jpg");
  background-size: auto 100%;
  background-position: center 0%;
  background-color: #000; }

.gap3 {
  height: 150vh;
  content: 'viewport-units-buggyfill; height: 180vh;'; }

#parallax4 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 1;
  z-index: 8; }

.img4 {
  width: 100vw;
  height: 100vh;
  background-image: url("../images/4.jpg");
  background-size: 110% auto;
  background-position: center;
  content: 'viewport-units-buggyfill; height: 120vh;'; }

#text4 {
  bottom: 20%;
  left: 15%; }

.iOS.mobile #text4 {
  bottom: 28%; }

#gsub {
  opacity: 0;
  padding-top: 10px; }

#parallax5 {
  position: relative;
  height: 35vh;
  content: 'viewport-units-buggyfill; height: 50vh;'; }

#pic5 {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  visibility: hidden; }

#text5 {
  bottom: 20%;
  width: 100%; }

.mobile #text5 {
  bottom: auto;
  top: 35%; }

.img5a {
  width: 50%;
  height: 100vh;
  top: 0;
  left: 0;
  background-image: url("../images/5a.jpg");
  background-position: 50% 80%;
  position: absolute;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  border: none;
  content: 'viewport-units-buggyfill; height: 120vh;'; }

.img5b {
  width: 50%;
  height: 50vh;
  top: 0;
  left: auto;
  right: 0;
  background-image: url("../images/5b.jpg");
  background-position: 50% 80%;
  position: absolute;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  content: 'viewport-units-buggyfill; height: 60vh;'; }

.img5c {
  width: 50%;
  height: 50vh;
  top: 50vh;
  left: auto;
  right: 0;
  background-image: url("../images/5c.jpg");
  background-position: 50% 80%;
  position: absolute;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  content: 'viewport-units-buggyfill; top: 60vh; height: 60vh;'; }

.gap4 {
  height: 150vh;
  content: 'viewport-units-buggyfill; height: 180vh;'; }

#question {
  background-image: url(../images/6.jpg);
  background-position: 80% 10%; }

#parallax10 {
  position: relative; }

.photo-caption p .spanish {
  font-style: italic;
  font-weight: 400;
  margin: auto 0;
  padding: 0; }

.supp1, .grow-supp1 {
  bottom: 6%;
  left: 28%;
  height: 36vmin;
  width: 36vmin;
  z-index: 1;
  position: absolute; }

.supp1-inner {
  height: 150%;
  width: 170%;
  top: -20%;
  left: -10%;
  background-image: url(../images/supp-1.jpg); }

.grow-supp1 {
  z-index: 0; }

.supp2 {
  top: 43%;
  left: 4%;
  height: 31vmin;
  width: 31vmin; }

.supp2-inner {
  height: 100%;
  width: 150%;
  left: -15%;
  background-image: url(../images/supp-2.jpg); }

.supp3 {
  top: 17%;
  left: 21%;
  height: 26vmin;
  width: 26vmin; }

.supp3-inner {
  height: 140%;
  width: 230%;
  left: -110%;
  background-image: url(../images/supp-3.jpg); }

.supp4 {
  top: 6%;
  left: 41%;
  height: 24vmin;
  width: 24vmin; }

.supp4-inner {
  height: 200%;
  width: 300%;
  top: -100%;
  left: -25%;
  background-image: url(../images/supp-4.jpg); }

.supp5 {
  top: 16%;
  right: 25%;
  height: 22vmin;
  width: 22vmin;
  border-radius: 100%; }

.supp5-inner {
  height: 120%;
  width: 180%;
  top: 0%;
  left: -45%;
  background-image: url(../images/supp-5.jpg); }

.supp6 {
  top: 31%;
  right: 10%;
  height: 20vmin;
  width: 20vmin;
  border-radius: 100%; }

.supp6-inner {
  height: 100%;
  width: 160%;
  top: 0%;
  left: -30%;
  background-image: url(../images/supp-6.jpg); }

.supp7 {
  bottom: 29%;
  right: 2%;
  height: 18vmin;
  width: 18vmin; }

.supp7-inner {
  height: 150%;
  width: 210%;
  top: -19%;
  left: -84%;
  background-image: url(../images/supp-7.jpg); }

.supp8 {
  bottom: 18%;
  right: 17%;
  height: 16vmin;
  width: 16vmin; }

.supp8-inner {
  height: 150%;
  width: 100%;
  top: 0%;
  left: 0%;
  background-image: url(../images/supp-8.jpg); }

.supp9 {
  top: auto;
  bottom: 10%;
  right: 31%;
  height: 14vmin;
  width: 14vmin; }

.supp9-inner {
  height: 100%;
  width: 180%;
  top: 0%;
  left: -40%;
  background-image: url(../images/supp-9.jpg); }

#preload {
  background: url("https://theworldintenblocks.com/interactive/park/images/supp-1.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/park/images/supp-2.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/park/images/supp-3.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/park/images/supp-4.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/park/images/supp-5.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/park/images/supp-6.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/park/images/supp-7.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/park/images/supp-8.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/park/images/supp-9.jpg") no-repeat -9999px -9999px; }

@media screen and (max-width: 720px), (max-height: 480px), (max-width: 960px) and (max-height: 640px) {
  .mobile #text1 {
    left: auto;
    right: 5%; }
  #text4 {
    bottom: 20%;
    width: 100%;
    left: auto; }
  #text5 {
    bottom: 25%; } }

@media only screen and (max-device-width: 1280px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), (max-width: 960px), (max-height: 540px) and (orientation: landscape) {
  .img1 {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/small/1.jpg"); }
  .img2 {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/small/2.jpg"); }
  .img3 {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/small/3.jpg"); }
  .img4 {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/small/4.jpg"); }
  .img5a {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/small/5a.jpg"); }
  .img5b {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/small/5b.jpg"); }
  .img5c {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/small/5c.jpg"); }
  #question {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/small/6.jpg"); }
  .supp1-inner {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/small/supp-1.jpg"); }
  .supp2-inner {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/small/supp-2.jpg"); }
  .supp3-inner {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/small/supp-3.jpg"); }
  .supp4-inner {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/small/supp-4.jpg"); }
  .supp5-inner {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/small/supp-5.jpg"); }
  .supp6-inner {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/small/supp-6.jpg"); }
  .supp7-inner {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/small/supp-7.jpg"); }
  .supp8-inner {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/small/supp-8.jpg"); }
  .supp9-inner {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/small/supp-9.jpg"); }
  #preload {
    background: url("https://theworldintenblocks.com/interactive/park/images/small/supp-1.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/park/images/small/supp-2.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/park/images/small/supp-3.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/park/images/small/supp-4.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/park/images/small/supp-5.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/park/images/small/supp-6.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/park/images/small/supp-7.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/park/images/small/supp-8.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/park/images/small/supp-9.jpg") no-repeat -9999px -9999px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .img1 {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/1.jpg"); }
  .img2 {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/2.jpg"); }
  .img3 {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/3.jpg"); }
  .img4 {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/4.jpg"); }
  .img5a {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/5a.jpg"); }
  .img5b {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/5b.jpg"); }
  .img5c {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/5c.jpg"); }
  #question {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/6.jpg"); }
  .supp1-inner {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/supp-1.jpg"); }
  .supp2-inner {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/supp-2.jpg"); }
  .supp3-inner {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/supp-3.jpg"); }
  .supp4-inner {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/supp-4.jpg"); }
  .supp5-inner {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/supp-5.jpg"); }
  .supp6-inner {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/supp-6.jpg"); }
  .supp7-inner {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/supp-7.jpg"); }
  .supp8-inner {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/supp-8.jpg"); }
  .supp9-inner {
    background-image: url("https://theworldintenblocks.com/interactive/park/images/supp-9.jpg"); } }