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

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

.gap2 {
  height: 110vh;
  content: 'viewport-units-buggyfill; height: 135vh;'; }

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

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

#text1 {
  top: 78%;
  right: 10%;
  z-index: 4; }

#pic1 {
  width: 100vw;
  z-index: 1;
  height: 100vh;
  top: 0;
  left: 0;
  content: 'viewport-units-buggyfill; height: 120vh;'; }

.img1 {
  background-image: url("../images/1a.jpg");
  background-position: center 0;
  background-size: auto 100%;
  background-color: black;
  position: absolute;
  height: 100vh;
  left: auto;
  right: 0;
  -webkit-transform: translate3d(0, 0, 0px);
          transform: translate3d(0, 0, 0px);
  z-index: 3;
  content: 'viewport-units-buggyfill; height: 120vh;'; }

.img1a {
  background-image: url("../images/1b.jpg");
  background-position: 100% 20%;
  position: absolute;
  background-size: cover;
  top: 0;
  left: 0;
  width: 50vw;
  height: 100vh;
  z-index: 1;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  content: 'viewport-units-buggyfill; height: 120vh;'; }

#text2 p {
  max-width: 94rem;
  margin: auto; }

#text1a {
  bottom: 14%;
  position: absolute;
  left: 2%;
  margin: 0;
  z-index: 3; }

.iOS.mobile #text1, .iOS.mobile #text1a {
  top: auto;
  bottom: 28%; }

#text1a p {
  margin: auto;
  padding: 0px 10px; }

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

#parallax2 {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  content: 'viewport-units-buggyfill; height: 120vh;'; }

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

.img2 {
  background-image: url("../images/2.jpg");
  background-position: center;
  background-size: auto 100%;
  position: absolute;
  height: 100vh;
  left: auto;
  right: 0;
  -webkit-transform: translate3d(0, 0, 0px);
          transform: translate3d(0, 0, 0px);
  z-index: 3;
  content: 'viewport-units-buggyfill; height: 120vh;'; }

#text2 {
  bottom: 10%;
  position: absolute;
  width: 100%;
  z-index: 5; }

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

#parallax3 {
  position: fixed;
  opacity: 0;
  top: 0;
  left: 0;
  z-index: 100;
  visibility: hidden; }

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

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

.iOS.mobile #text3, .iOS.mobile #text3a {
  top: auto;
  bottom: 28%;
  width: 60%;
  left: 20%; }

#text3 p {
  max-width: 88rem;
  margin: auto; }

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

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

.gap3 {
  height: 210vh;
  content: 'viewport-units-buggyfill; height: 250vh;'; }

#parallax4, #parallax6, #parallax7 {
  position: fixed;
  width: 100%;
  height: 100vh;
  opacity: 1;
  z-index: 100;
  top: 0;
  left: 0;
  visibility: hidden;
  content: 'viewport-units-buggyfill; height: 120vh;'; }

#parallax5 {
  position: fixed;
  width: 100%;
  height: 100% !important;
  opacity: 1;
  z-index: 100;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: transparent; }

#pic4 {
  position: absolute;
  top: 120vh;
  left: 0;
  width: 100vw;
  height: 100vh;
  content: 'viewport-units-buggyfill; height: 120vh; width: 100vw; top: 120vh;'; }

.img4a {
  width: 100%;
  height: 100%;
  left: auto;
  right: 0;
  background-image: url("../images/4a.jpg");
  background-position: center;
  background-size: auto 120%;
  background-color: black; }

.img4b {
  width: 50%;
  height: 100%;
  background-image: url("../images/4b.jpg");
  background-position: center;
  top: 0;
  left: 0; }

#text4 {
  bottom: 35%;
  width: auto;
  left: auto;
  right: 2%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.img5 {
  position: absolute;
  background: #000;
  opacity: 0; }

.img-fill {
  position: relative;
  opacity: 1;
  width: 100%;
  height: 100%;
  background-position: center;
  opacity: 0; }

.img5a {
  width: 33%;
  height: 100%;
  top: 0;
  left: 0; }

.fill-a {
  background-image: url("../images/5a.jpg"); }

.img5b {
  width: 34%;
  height: 50%;
  top: 0;
  left: 33%; }

.fill-b {
  background-image: url("../images/5b.jpg"); }

.img5c {
  width: 34%;
  height: 50%;
  top: 50%;
  left: 33%; }

.fill-c {
  background-image: url("../images/5c.jpg"); }

.img5d {
  width: 33%;
  height: 100%;
  top: 0;
  left: 67%; }

.fill-d {
  background-image: url("../images/5d.jpg"); }

#parallax6 {
  z-index: 109; }

#pic6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.img6 {
  width: 100%;
  height: 100%;
  background-image: url("../images/6.jpg");
  background-position: center;
  background-size: 105% auto; }

.iOS.mobile .img6 {
  background-size: auto 100%; }

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

.iOS.mobile #text6 {
  bottom: 25%; }

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

.gap5 {
  height: 120vh;
  content: 'viewport-units-buggyfill; height: 150vh;'; }

#parallax7 {
  z-index: 106; }

.gap7 {
  height: 280vh;
  content: 'viewport-units-buggyfill; height: 336vh;'; }

.img7a {
  width: 38%;
  height: 100%;
  left: auto;
  right: 0;
  background-image: url("../images/7b.jpg");
  background-position: center;
  background-color: #000;
  opacity: 0; }

.img7b {
  width: 62%;
  height: 100%;
  left: 19%;
  background-image: url("../images/7a.jpg");
  background-position: center;
  background-color: #000;
  opacity: 0; }

#text7a {
  bottom: 20%;
  width: 100%;
  border-radius: 4px; }

#text7b {
  bottom: 15%;
  right: 10%;
  border-radius: 4px; }

.iOS.mobile #text7a, .iOS.mobile #text7b {
  bottom: 25%; }

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

#parallax10 {
  background-color: transparent;
  position: relative;
  z-index: 109; }

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

.supp1, .grow-supp1 {
  top: 12vmin;
  left: 6vmin;
  height: 28vmin;
  width: 28vmin;
  z-index: 1; }

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

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

.supp2 {
  top: 32vmin;
  left: 31vmin;
  height: 25vmin;
  width: 25vmin; }

.supp2-inner {
  height: 130%;
  width: 210%;
  left: -80%;
  top: -20%;
  background-image: url(../images/supp-2.jpg); }

.supp3 {
  top: 45vmin;
  left: 8vmin;
  height: 22vmin;
  width: 22vmin; }

.supp3-inner {
  height: 120%;
  width: 120%;
  top: -15%;
  left: -10%;
  background-image: url(../images/supp-3.jpg); }

.supp4 {
  top: 63vmin;
  left: 29vmin;
  height: 19vmin;
  width: 19vmin; }

.supp4-inner {
  height: 150%;
  width: 180%;
  top: -35%;
  left: -40%;
  background-image: url(../images/supp-4.jpg); }

.supp5 {
  top: 72vmin;
  left: 10vmin;
  height: 16vmin;
  width: 16vmin;
  border-radius: 100%; }

.supp5-inner {
  height: 300%;
  width: 500%;
  top: -8%;
  left: -200%;
  background-image: url(../images/supp-5.jpg); }

.supp6 {
  top: 9vmin;
  left: 47%;
  height: 27vmin;
  width: 27vmin;
  border-radius: 100%; }

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

.supp7 {
  top: 40vmin;
  left: 47.5%;
  height: 25vmin;
  width: 25vmin; }

.supp7-inner {
  height: 140%;
  width: 200%;
  top: -20%;
  left: 0%;
  background-image: url(../images/supp-7.jpg); }

.supp8 {
  top: 69vmin;
  left: 48%;
  height: 23vmin;
  width: 23vmin; }

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

.supp9 {
  top: 18vmin;
  right: 10%;
  height: 22vmin;
  width: 22vmin; }

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

.supp10 {
  top: 42vmin;
  right: 18%;
  height: 20vmin;
  width: 20vmin;
  position: absolute; }

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

.supp11 {
  bottom: 18vmin;
  right: 11%;
  height: 18vmin;
  width: 18vmin;
  position: absolute; }

.supp11-inner {
  height: 140%;
  width: 220%;
  top: 0%;
  left: -40%;
  background-image: url(../images/supp-11.jpg); }

.supp12 {
  bottom: 42vmin;
  right: 5%;
  height: 16vmin;
  width: 16vmin;
  position: absolute; }

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

.mobile .supp1, .mobile .grow-supp1 {
  top: 10%;
  left: 4vw;
  height: 14vw;
  width: 14vw; }

.mobile .supp2 {
  top: 30%;
  left: 19vw;
  height: 13vw;
  width: 13vw; }

.mobile .supp3 {
  top: 45%;
  height: 12vw;
  width: 12vw; }

.mobile .supp4 {
  top: 60%;
  left: 20vw;
  height: 11vw;
  width: 11vw; }

.mobile .supp5 {
  top: 75%;
  left: 10vmin;
  height: 9.5vw;
  width: 9.5vw; }

.mobile .supp6 {
  left: 44.5%;
  top: 6%;
  height: 14vw;
  width: 14vw; }

.mobile .supp7 {
  left: 45%;
  top: 41%;
  height: 12.5vw;
  width: 12.5vw; }

.mobile .supp8 {
  top: 73%;
  left: 46%;
  height: 11vw;
  width: 11vw; }

.mobile .supp9 {
  height: 12.5vw;
  width: 12.5vw;
  top: 15%; }

.mobile .supp10 {
  height: 11vw;
  width: 11vw;
  top: 44%;
  right: 18vw; }

.mobile .supp11 {
  height: 9.5vw;
  width: 9.5vw;
  top: auto;
  bottom: 14%; }

.mobile .supp12 {
  top: 45%;
  height: 8vw;
  width: 8vw; }

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

@media screen and (max-width: 720px), (max-height: 480px) {
  #text1 {
    top: 65%; }
  #text1a {
    bottom: 20%; }
  #text2 p {
    max-width: 44rem;
    margin: auto; }
  #text3 p {
    max-width: 42rem;
    margin: auto; }
  .supp5-inner {
    height: 300%;
    width: 500%;
    top: 14%;
    left: -201%;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
    background-image: url(../images/supp-5.jpg); } }

@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/enzo/images/small/1a.jpg"); }
  .img1a {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/1b.jpg"); }
  .img2 {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/2.jpg"); }
  .img3 {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/3.jpg"); }
  .img4a {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/4a.jpg"); }
  .img4b {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/4b.jpg"); }
  .fill-a {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/5a.jpg"); }
  .fill-b {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/5b.jpg"); }
  .fill-c {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/5c.jpg"); }
  .fill-d {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/5d.jpg"); }
  .img6 {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/6.jpg"); }
  .img7a {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/7b.jpg"); }
  .img7b {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/7a.jpg"); }
  #question {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/8.jpg"); }
  .supp1-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-1.jpg"); }
  .supp2-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-2.jpg"); }
  .supp3-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-3.jpg"); }
  .supp4-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-4.jpg"); }
  .supp5-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-5.jpg"); }
  .supp6-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-6.jpg"); }
  .supp7-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-7.jpg"); }
  .supp8-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-8.jpg"); }
  .supp9-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-9.jpg"); }
  .supp10-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-10.jpg"); }
  .supp11-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-11.jpg"); }
  .supp12-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-12.jpg"); }
  #preload {
    background: url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-1.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-2.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-3.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-4.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-5.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-6.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-7.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-8.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-9.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-10.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-11.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/enzo/images/small/supp-12.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/enzo/images/1a.jpg"); }
  .img1a {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/1b.jpg"); }
  .img2 {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/2.jpg"); }
  .img3 {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/3.jpg"); }
  .img4a {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/4a.jpg"); }
  .img4b {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/4b.jpg"); }
  .fill-a {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/5a.jpg"); }
  .fill-b {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/5b.jpg"); }
  .fill-c {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/5c.jpg"); }
  .fill-d {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/5d.jpg"); }
  .img6 {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/6.jpg"); }
  .img7a {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/7b.jpg"); }
  .img7b {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/7a.jpg"); }
  #question {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/8.jpg"); }
  .supp1-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/supp-1.jpg"); }
  .supp2-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/supp-2.jpg"); }
  .supp3-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/supp-3.jpg"); }
  .supp4-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/supp-4.jpg"); }
  .supp5-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/supp-5.jpg"); }
  .supp6-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/supp-6.jpg"); }
  .supp7-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/supp-7.jpg"); }
  .supp8-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/supp-8.jpg"); }
  .supp9-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/supp-9.jpg"); }
  .supp10-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/supp-10.jpg"); }
  .supp11-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/supp-11.jpg"); }
  .supp12-inner {
    background-image: url("https://theworldintenblocks.com/interactive/enzo/images/supp-12.jpg"); } }