/* bounce-in-down */
@-webkit-keyframes bounce-in-down {
    0% {
          opacity: 0;
          -webkit-transform: translateY(-2000px);
      }
      
      40% {
          opacity: 1;
          -webkit-transform: translateY(0px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateY(30px);
      }	
      70% {
          -webkit-transform: translateY(-10px);
      }
      80% {
          -webkit-transform: translateY(0px);
      }
      90% {
          -webkit-transform: translateY(-15px);
      }
      100% {
          opacity: .9;
          -webkit-transform: translateY(0);
      }
  }
  
  @keyframes bounce-in-down {
    0% {
          opacity: 0;
          transform: translateY(-2000px);
      }
      40% {
          opacity: 1;
          transform: translateY(0px);
      }
      60% {
          opacity: 1;
          transform: translateY(30px);
      }
    70% {
          transform: translateY(-10px);
      }
      80% {
          transform: translateY(0px);
    }
      90% {
          transform: translateY(-15px);
      }
      100% {
          opacity: .9;
          transform: translateY(0);
      }
  }
  
  
  .bounce-in-down{
    
    -webkit-animation-name: bounce-in-down;
            animation-name: bounce-in-down;
  }

   @-webkit-keyframes rubberBand1{
    0%
    {
      -webkit-transform:scale3d(1,1,1);
      transform:scale3d(1,1,1);
    }
    30%
    {
      -webkit-transform:scale3d(1.25,.75,1);
      transform:scale3d(1.25,.75,1)
    }
    40%
    {
      -webkit-transform:scale3d(.75,1.25,1);
      transform:scale3d(.75,1.25,1)
    }
    50%
    {
      -webkit-transform:scale3d(1.15,.85,1);
      transform:scale3d(1.15,.85,1);
    }
    65%
    {
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1);
    }
    75%
    {
        -webkit-transform:scale3d(1.05,.95,1);
      ;transform:scale3d(1.05,.95,1);
    }
    100%
    {
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1);
    }
}
@keyframes rubberBand {
    from {
      transform: scale3d(1, 1, 1);
    }
  
    30% {
      transform: scale3d(1.25, 0.75, 1);
    }
  
    40% {
      transform: scale3d(0.75, 1.25, 1);
    }
  
    50% {
      transform: scale3d(1.15, 0.85, 1);
    }
  
    65% {
      transform: scale3d(.95, 1.05, 1);
    }
  
    75% {
      transform: scale3d(1.05, .95, 1);
    }
  
    to {
      transform: scale3d(1, 1, 1);
    }
  } 
  .rubberBand1
  {
    -webkit-animation-name:rubberBand1;
    animation-name:rubberBand1;
  }
 

  h1.display-1 span{
   -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-iteration-count: 1;
    display: inline-block;
}
h1.display-1 span:hover{
    -webkit-animation-name: rubberBand1;
    animation-name: rubberBand1;
    color: #08fdd8;
}