/* [[[ Specific Graphics ]]] */

.hero-graphic {
  position: absolute;
  z-index: 1;
  /* height: 540px; */
  height: 400px;
  top: 50px;
  /* right: -120px; */
  right: -200px;
}



@media (max-width: 991px) {
  .hero-graphic { display: none; }
}





/* [[[ Floaters ]]] */

.floater {
  position: absolute;
  z-index: 0;
  height: auto;
}

.floater.floater--01 { width: 360px; left: -300px; top: -80px; }
.floater.floater--02 { width: 480px; right: -160px; top: 0; }
.floater.floater--03 { width: 320px; right: -180px; bottom: -80px; }
.floater.floater--04 { width: 720px; right: -360px; opacity: 0.05; z-index: -1; }
.floater.floater--05 { width: 540px; left: -300px; top: -80px; opacity: 0.1; }

@media (max-width: 991px) {
  .floater.floater--01 { left: -80px; top: -280px; }
  .floater.floater--02 { right: -180px; top: -400px; }
}

@media (max-width: 767px) {
  .floater.floater--03 { width: 240px; right: -140px; }
}

@media (max-width: 639px) {
}