.poster {
  background-image: url("https://theworldintenblocks.com/interactive/pam/poster.png"); }

#parallax2 {
  height: 190vh;
  width: 100%;
  overflow: hidden;
  background: no-repeat;
  position: relative;
  top: 0;
  background-size: cover;
  z-index: 101;
  content: 'viewport-units-buggyfill; height: 220vh;'; }

#birthday {
  height: 100%;
  width: 100%;
  position: relative;
  top: 0%;
  background-image: url("https://theworldintenblocks.com/interactive/pam/images/birthday.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.guyana-img {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0%;
  background-image: url("https://theworldintenblocks.com/interactive/pam/images/guyana.jpg");
  background-position: center;
  background-size: 100%  auto;
  background-repeat: no-repeat;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.tablet.iOS .guyana-img {
  background-size: 108%  auto; }

#pamtext1 {
  top: 14%;
  left: 16%; }

#pamtext2 {
  top: 64%;
  right: 10%; }

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

#guyana {
  height: 100%;
  opacity: 0; }

#guyanatext {
  text-align: center;
  top: 38%;
  position: relative;
  width: 100%; }

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

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

#blackbg {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 0;
  left: 0;
  top: 0;
  position: absolute; }

#parallax4 {
  position: fixed;
  opacity: 0;
  z-index: 2;
  top: 0;
  left: 0;
  visibility: hidden;
  background-color: transparent; }

#passport {
  background-image: url("https://theworldintenblocks.com/interactive/pam/images/passport.jpg");
  background-position: 50% 50%;
  background-size: auto 110%;
  background-repeat: no-repeat;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  min-width: 100%;
  min-height: 101%;
  width: auto;
  height: auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

#pporttext {
  bottom: 15%;
  left: 12%; }

.mobile #pporttext {
  bottom: 28%; }

#tiptop {
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  background: #000;
  opacity: 0;
  z-index: 1; }

#tiptopphoto {
  background-image: url("https://theworldintenblocks.com/interactive/pam/images/tiptop.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  width: 50%;
  height: 50%;
  top: 0;
  left: 50%;
  position: relative;
  opacity: 0; }

#tiptoptext {
  top: 50%;
  left: 50%;
  height: 50vh;
  width: 50%;
  text-align: left;
  background-color: #000;
  content: 'viewport-units-buggyfill; height: 60vh;'; }

#tiptoptext p {
  position: relative;
  max-width: 80%;
  top: 45%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

#parallax5 {
  height: 120vh;
  content: 'viewport-units-buggyfill; height: 150vh;'; }

#parallax6 {
  height: 400vh;
  content: 'viewport-units-buggyfill; height: 480vh;'; }

#toronto {
  width: 100%;
  height: 100%;
  position: fixed;
  opacity: 1;
  top: 0;
  left: 0%;
  z-index: 4;
  visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.toronto-img {
  left: -100%;
  width: 100%; }

#torontotext {
  top: 40%;
  width: 100%;
  left: 1%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

#parallax7, #parallax8 {
  height: 130vh;
  content: 'viewport-units-buggyfill; height: 160vh;'; }

#cutoutcontainer {
  z-index: 5; }

#cutout {
  background-image: url("https://theworldintenblocks.com/interactive/pam/images/cutout.png"); }

#cutouttext {
  top: 33%;
  left: 46%; }

.gap4 {
  height: 50vh;
  content: 'viewport-units-buggyfill; height: 60vh;'; }

#parallax10 {
  position: relative; }

#question {
  background-image: url("https://theworldintenblocks.com/interactive/pam/images/food.jpg");
  background-position: 80% 10%; }

#parallax13 {
  height: 50vh;
  z-index: 999;
  position: relative;
  content: 'viewport-units-buggyfill; height: 60vh;'; }

.stand, .grow-supp1 {
  top: 11%;
  left: 25%;
  height: 36vmin;
  width: 36vmin;
  z-index: 1; }

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

.supp1-inner {
  height: 160%;
  width: 200%;
  top: -30%;
  left: -45%;
  background-image: url("https://theworldintenblocks.com/interactive/pam/images/supp-1.jpg"); }

.kitchen {
  top: 17%;
  left: 54%;
  height: 31vmin;
  width: 31vmin; }

.supp2-inner {
  height: 190%;
  width: 190%;
  top: -10%;
  left: -20%;
  background-image: url("https://theworldintenblocks.com/interactive/pam/images/supp-2.jpg"); }

.meal {
  bottom: 8%;
  left: 25%;
  height: 26vmin;
  width: 26vmin; }

.supp3-inner {
  height: 160%;
  width: 220%;
  top: -18%;
  left: -90%;
  background-image: url("https://theworldintenblocks.com/interactive/pam/images/supp-3.jpg"); }

.menucard {
  bottom: 29%;
  left: 12%;
  height: 20vmin;
  width: 20vmin; }

.supp4-inner {
  height: 100%;
  width: 170%;
  left: -35%;
  background-image: url("https://theworldintenblocks.com/interactive/pam/images/supp-4.jpg"); }

.wedding {
  bottom: 20%;
  left: 56%;
  height: 17vmin;
  width: 17vmin;
  border-radius: 100%; }

.supp5-inner {
  height: 110%;
  width: 170%;
  top: -5%;
  left: -35%;
  background-image: url("https://theworldintenblocks.com/interactive/pam/images/supp-5.jpg"); }

.p-portrait {
  bottom: 23%;
  left: 71%;
  height: 15vmin;
  width: 15vmin;
  border-radius: 100%; }

.supp6-inner {
  height: 220%;
  width: 220%;
  top: -45%;
  left: -65%;
  background-image: url("https://theworldintenblocks.com/interactive/pam/images/supp-6.jpg"); }

.anniv {
  bottom: 7%;
  left: 66%;
  height: 13vmin;
  width: 13vmin; }

.supp7-inner {
  height: 150%;
  width: 200%;
  top: -5%;
  left: -8%;
  background-image: url("https://theworldintenblocks.com/interactive/pam/images/supp-7.jpg"); }

.singh-shop {
  bottom: 10%;
  left: 78.4%;
  height: 11vmin;
  width: 11vmin; }

.supp8-inner {
  height: 100%;
  width: 150%;
  left: -35%;
  background-image: url("https://theworldintenblocks.com/interactive/pam/images/supp-8.jpg"); }

.mobile .stand, .mobile .grow-supp1 {
  height: 21vw;
  width: 21vw; }

.mobile .kitchen {
  height: 18vw;
  width: 18vw; }

.mobile .meal {
  height: 15vw;
  width: 15vw; }

.mobile .menucard {
  height: 12vw;
  width: 12vw; }

.mobile .wedding {
  height: 10vw;
  width: 10vw; }

.mobile .p-portrait {
  height: 9vw;
  width: 9vw; }

.mobile .anniv {
  height: 8vw;
  width: 8vw; }

.mobile .singh-shop {
  height: 7vw;
  width: 7vw; }

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

@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) {
  #birthday {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/small/birthday.jpg"); }
  .guyana-img {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/small/guyana.jpg"); }
  #passport {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/small/passport.jpg"); }
  #tiptopphoto {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/small/tiptop.jpg"); }
  #cutout {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/small/cutout.png"); }
  #question {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/small/food.jpg"); }
  .supp1-inner {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/small/supp-1.jpg"); }
  .supp2-inner {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/small/supp-2.jpg"); }
  .supp3-inner {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/small/supp-3.jpg"); }
  .supp4-inner {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/small/supp-4.jpg"); }
  .supp5-inner {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/small/supp-5.jpg"); }
  .supp6-inner {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/small/supp-6.jpg"); }
  .supp7-inner {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/small/supp-7.jpg"); }
  .supp8-inner {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/small/supp-8.jpg"); }
  #preload {
    background: url("https://theworldintenblocks.com/interactive/pam/images/small/supp-1.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/pam/images/small/supp-2.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/pam/images/small/supp-3.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/pam/images/small/supp-4.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/pam/images/small/supp-5.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/pam/images/small/supp-6.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/pam/images/small/supp-7.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/pam/images/small/supp-8.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) {
  #birthday {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/birthday.jpg"); }
  .guyana-img {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/guyana.jpg"); }
  #passport {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/passport.jpg"); }
  #tiptopphoto {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/tiptop.jpg"); }
  #cutout {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/cutout.png"); }
  #question {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/food.jpg"); }
  .supp1-inner {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/supp-1.jpg"); }
  .supp2-inner {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/supp-2.jpg"); }
  .supp3-inner {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/supp-3.jpg"); }
  .supp4-inner {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/supp-4.jpg"); }
  .supp5-inner {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/supp-5.jpg"); }
  .supp6-inner {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/supp-6.jpg"); }
  .supp7-inner {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/supp-7.jpg"); }
  .supp8-inner {
    background-image: url("https://theworldintenblocks.com/interactive/pam/images/supp-8.jpg"); } }

@media screen and (max-width: 720px), (max-height: 480px) {
  #pamtext1 {
    left: 18%;
    top: 13%; }
  #parallax2 {
    height: 200vh;
    content: 'viewport-units-buggyfill; height: 240vh;'; }
  #pamtext2 {
    right: 5%;
    top: 65%; }
  #pporttext {
    top: auto;
    bottom: 15%;
    left: 5%; }
  #cutouttext {
    left: 44%;
    top: 26%; } }