.scroll-down {
  opacity: 5;
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s;
}

.scroll-down {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -54px;
  display: block;
  width: 140px;
  height: 42px;
  border: 2px solid #ef9a22;
  background-size: 28px auto;
  border-radius: 25px;
  z-index: 2;
  -webkit-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  transform: scale(1)
}

.scroll-down:before {
    position: right;
    top: calc(50% - 8px);
    left: calc(50% - 6px);
    padding-top: 9px;
    padding-left: 28px;
    width: 100px;
    height: 54px;
    content: "Learn More";
    color: white;
    display: inline-block;
    border: 2px solid white;
    border-width: 0px 0px 0px 0px;
}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}