html { font-size: 100% }

body { position: relative }

html, body { height: 100% }

.infographic { 
  max-width: 1080px; 
  position: relative; 
  padding: 0;  
  margin: 0 auto; 
  overflow: hidden;
  opacity: 0
}

.slide { 
  opacity: 0; 
  z-index: -1;
}
.slide.opaque { opacity: 1 }
.slide.ztop { z-index: 1 }

.slide, .bg { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100% 
}

.fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.nav-point { 
  cursor: pointer;
  z-index: 5 
}