.DropNav > .nav > li:hover > ul.DropMenu {
  perspective: 1000px;
  -webkit-perspective: 1000px;
}

.DropNav > .nav > li:hover > ul.DropMenu li {
  opacity: 0;
}

@keyframes drop1 {
  0% {
    opacity: 0;
    transform: scale(0.3) translateY(-60px);
    -webkit-transform: scale(0.3) translateY(-60px);
  }
  80% {
    transform: scale(1.2) translateY(10px);
    -webkit-transform: scale(1.2) translateY(10px);
  }
  100% {
    transform: scale(1) translateY(0px);
    opacity: 1;
    -webkit-transform: scale(1) translateY(0px);
  }
}

.DropNav > .nav > li:hover > ul.DropMenu li:nth-child(1) {
  animation-name: drop1;
  animation-duration: 300ms;
  animation-delay: -150ms;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  -webkit-animation-name: drop1;
  -webkit-animation-duration: 300ms;
  -webkit-animation-delay: -150ms;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
}