#wheel-overlay { width: 100%; position: relative; z-index: 4; }
#wheel-overlay-small { width: 100%; position: relative; z-index: 50; }
#wheel { background:url(../images/wheel.png) center center no-repeat; background-size:contain; position: relative; }

.stepimage { position: absolute; transition: all 0.5s ease; z-index: 2; }
.stepimage.zoom { z-index: 3; }

#scroll-up { display: none; position: fixed; bottom: 30px; right: 30px; z-index: 100; cursor: pointer; }

#step01image {
  width: 25%;
  top: 5%;
  right: 24%;
}


#step02image {
  width: 30%;
  top: 14%;
  right: 7%;
}

#step03image {
  width: 25%;
  top: 37%;
  right: 5%;
}


#step04image {
  width: 30%;
  top: 57%;
  right: 7%;

}


#step05image {
  width: 25%;
  top: 67%;
  right: 24%;
}


#step06image {
  width: 25%;
  top: 67%;
  left: 24%;

}


#step07image {
  width: 30%;
  top: 57%;
  left: 7%;
}


#step08image {
  width: 25%;
  top: 37%;
  left: 5%;
}


#step09image {
  width: 30%;
  top: 14%;
  left: 7%;
}


#step10image {
  width: 25%;
  top: 5%;
  left: 24%;

}







#step01image.zoom {
  width: 35%;
  top: 1%;
  right: 17%;
}

#step02image.zoom {
  width: 40%;
  top: 10%;
  right: 2%;
}

#step03image.zoom {
  width: 35%;
  top: 33%;
  right: 1%;
}

#step04image.zoom {
  width: 40%;
  top: 52%;
  right: 2%;
}

#step05image.zoom {
  width: 35%;
  top: 60%;
  right: 17%;
}

#step06image.zoom {
  width: 35%;
  top: 60%;
  left: 17%;
}

#step07image.zoom {
  width: 40%;
  top: 52%;
  left: 2%;
}

#step08image.zoom {
  width: 35%;
  top: 33%;
  left: 1%;
}

#step09image.zoom {
  width: 40%;
  top: 10%;
  left: 2%;
}

#step10image.zoom {
  width: 35%;
  top: 1%;
  left: 17%;
}


@media screen and (max-width: 640px) {


  #wheel { background: none; width: 100%; }
}