#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 .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%);
}
#medical .heart {
  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%);
}
#medical .heart-shadow {
  position: absolute;
  width: 400px;
  top: calc(50% + 33vh);
  left: calc(50% - 24vw);
  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 .background {
  position: absolute;
  width: 300px;
  top: calc(50% + 5vh);
  left: calc(50% - 25vw);
  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 .band-aids {
  position: absolute;
  z-index: 3;
  width: 60px;
  top: calc(50% - 12vh);
  left: calc(50% - 12vw);
  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 .plus {
  position: absolute;
  z-index: 3;
  width: 80px;
  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%);
}
#medical .note-book {
  position: absolute;
  z-index: 3;
  width: 70px;
  top: calc(50% - 16vh);
  left: calc(50% - 25vw);
  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: 50px;
  top: calc(50% - 0vh);
  left: calc(50% - 38vw);
  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 .pill {
  position: absolute;
  z-index: 3;
  width: 20px;
  top: calc(50% + 4vh);
  left: calc(50% - 12vw);
  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 .srynge {
  position: absolute;
  z-index: 3;
  width: 35px;
  top: calc(50% + 15vh);
  left: calc(50% - 14vw);
  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 .heart-beat {
  position: absolute;
  z-index: 3;
  width: 500px;
  top: calc(50% + 25vh);
  left: calc(50% + 25vw);
  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: 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) {
  #medical .heart {
    width: 250px;
    top: calc(50% - 20vh);
    left: calc(50% - 1vw);
  }
  #medical .background {
    width: 200px;
    top: calc(50% - 19vh);
    left: 50%;
  }
  #medical .plus {
    width: 60px;
    top: calc(50% - 13vh);
    left: calc(50% - 25vw);
  }
  #medical .band-aids {
    width: 50px;
    top: calc(50% - 30vh);
    left: calc(50% + 30vw);
  }
  #medical .note-book {
    width: 60px;
    top: calc(50% - 35vh);
    left: calc(50% + 10vw);
  }
  #medical .dna {
    width: 40px;
    top: calc(50% - 30vh);
    left: calc(50% - 20vw);
  }
  #medical .pill {
    width: 20px;
    top: calc(50% - 20vh);
    left: calc(50% + 30vw);
  }
  #medical .srynge {
    width: 30px;
    top: calc(50% - 10vh);
    left: calc(50% + 25vw);
  }
  #medical .heart-shadow {
    width: 300px;
    top: calc(50% - 2vh);
    left: calc(50% + 2vw);
  }
  #medical .heart-beat {
    width: 400px;
    top: calc(50% + 42vh);
    left: calc(50% - 20vw);
  }
  #medical .text {
    top: calc(50% + 20vh);
    left: 50%;
  }
}