main {
  max-width: 1100px;
  margin-inline: auto;
  margin-top: calc(85px + 4em);
}
main > .parallax-window:nth-child(1) {
  margin-top: -4em;
}
section.block {
  position: relative;
  z-index: 9;
  /* padding: 0 6em; */
}
.block-contents {
  height: auto;
  display: flex;
  flex-flow: row column;
  max-width: 1800px;
  margin: 0 auto;
}
.block-info,
.block-image {
  flex: 2 1 0;
  flex: 1 1 0;
}
.layout-right .block-info {
  padding: 0;
}
.layout-left .block-info {
  padding: 0;
}
.block-info .inset {
  margin-left: 0;
}
.block-image {
  flex: 1 1 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: padding-box;
  margin: -3em 0 -3em 0;
}
.block-image {
  margin: -7em 0 -7em 0;
}
.layout-right .block-image {
  background-position: center right;
}
.block-image.np {
  background-origin: auto;
}
.banner-overlay:empty + .block-contents {
  margin-top: 0;
}
.banner-overlay + .block-contents {
  margin-top: -50px;
}
div.parallax-window {
  height: 550px;
}
.block-image {
  position: relative;
}
.block-image a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.banner-overlay {
  /*max-width:610px;*/
  height: 630px;
  width: 100%;
  margin-top: -630px;
  margin-left: -0px;
  position: relative;
  overflow: visible;
  z-index: 99;
}
.banner-overlay img {
  position: absolute;
  max-height: 550px;
  bottom: -40px;
}
.banner-overlay img.pright {
  left: 50%;
}

/*paralax script seems to work better when height is inline*/
/*#dragons.parallax-window{
   height: 550px;
}#fusion.parallax-window{
   height: 500px;
}#demons.parallax-window{
   height: 450px;
}*/

.dragonOver {
  position: absolute;
  left: -180px;
  top: -685px;
  max-width: 710px;
}
.layout-left .dragonOver {
  position: absolute;
  left: calc(50% - 260px);
}
#demons2 .dragonOver {
  max-width: 500px;
  left: -60px;
  top: -455px;
}
#fusion2 .dragonOver {
  max-width: 600px;
  left: calc(50% - 200px);
  top: -545px;
}
#sandbox2 .dragonOver {
  max-width: 620px;
  left: calc(50%);
  top: -670px;
}
#www2 .dragonOver {
  left: -40px;
  top: -515px;
  max-width: 560px;
}
#pixels2 .dragonOver {
  left: calc(50% - 60px);
  max-width: 600px;
  top: -570px;
}

@media only screen and (max-width: 1440px) {
  .dragonOver {
    left: -120px;
  }
  #demons2 .dragonOver {
    left: -20px;
  }
}