#content_hero .parallex {
  will-change: transform;
  pointer-events: none;
  transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
  -moz-transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
  -ms-transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
  -o-transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
}
#content_hero .dots {
  position: absolute;
  width: 300px;
  top: calc(50% + 18vh);
  left: calc(50% + 35vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#content_hero .printer {
  position: absolute;
  width: 380px;
  top: calc(50% + 1vh);
  left: calc(50% - 26vw);
  transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#content_hero .pen1 {
  position: absolute;
  width: 230px;
  top: calc(50% + 28vh);
  left: calc(50% - 15vw);
  transform: translate(-50%, -50%);
  z-index: 4;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#content_hero .pen2 {
  position: absolute;
  z-index: 3;
  width: 180px;
  top: calc(50% + 16vh);
  left: calc(50% - 36vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#content_hero .paper {
  position: absolute;
  z-index: 3;
  width: 300px;
  top: calc(50% - 0vh);
  left: calc(50% - 4vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#content_hero .text {
  position: absolute;
  z-index: 3;
  top: calc(50% - 5vh);
  left: calc(50% + 25vw);
  transform: translate(-50%, -50%);
  white-space: nowrap;
  pointer-events: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
@media only screen and (max-width: 768px) {
  #content_hero .printer {
    width: 250px;
    top: calc(50% - 20vh);
    left: calc(50% - 1vw);
  }
  #content_hero .pen1 {
    width: 140px;
    top: calc(50% - 4vh);
    left: calc(50% + 20vw);
  }
  #content_hero .paper {
    width: 200px;
    top: calc(50% - 0vh);
    left: calc(50% + 10vw);
  }
  #content_hero .pen2 {
    width: 120px;
    top: calc(50% - 9vh);
    left: calc(50% - 25vw);
  }
  #content_hero .text {
    top: calc(50% + 20vh);
    left: 50%;
  }
}