#medical .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);
}
#medical .heart {
  position: absolute;
  width: 380px;
  top: calc(50% + 1vh);
  left: calc(50% - 20vw);
  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%);
}
#medical .plus {
  position: absolute;
  z-index: 3;
  width: 90px;
  top: calc(50% + 20vh);
  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%);
}
#medical .note-book {
  position: absolute;
  z-index: 3;
  width: 80px;
  top: calc(50% - 20vh);
  left: calc(50% - 34vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#medical .dna {
  position: absolute;
  z-index: 3;
  width: 90px;
  top: calc(50% - 17vh);
  left: calc(50% - 7vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#medical .text {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  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) {
  #medical .heart {
    width: 250px;
    top: calc(50% - 20vh);
    left: calc(50% - 0vw);
  }
  #medical .plus {
    width: 60px;
    top: calc(50% - 13vh);
    left: calc(50% - 30vw);
  }
  #medical .note-book {
    width: 60px;
    top: calc(50% - 35vh);
    left: calc(50% + 20vw);
  }
  #medical .dna {
    width: 40px;
    top: calc(50% - 30vh);
    left: calc(50% - 25vw);
  }
  #medical .text {
    top: 50%;
    left: 50%;
  }
}