.FadeInPages{animation-name:FadeIn;
   animation-delay:0.7s;
   animation-duration:1s;
   animation-iteration-count:1;
   animation-fill-mode:both;
   }
   
 .vid-overlay {animation-name:FadeIn;
            animation-delay:2s;
            animation-duration:1s;
            animation-iteration-count:1;
            animation-fill-mode:both;} 
            
@keyframes FadeIn {from{opacity:0;}to{opacity:1;}}

#Vid2Overlay, #VidOverlayH2{animation-name:FadeIn;
            animation-delay:4s;
            animation-duration:1s;
            animation-iteration-count:1;
            animation-fill-mode:both;} 
   
#scroller {animation-name:fadeOutUp;
           animation-delay:10s;
           animation-duration:1.5s;
           animation-iteration-count:1;
           animation-fill-mode:both;
}
   
@keyframes fadeOutUp {
   from {
      opacity: 0;
      transform: translateY,(-220px);
   }   to {
      opacity: 1;
      transform: translateY(0px);}}
      
@keyframes fadeOutUp2 {
   from {
      opacity: 0;
      transform: translateY,translateX(-220px);
   }   to {
      opacity: 1;
     }}      
      
@keyframes slide-in {
  from {
      opacity:0;
    translate: 0 0;
    scale: 50% 1;
  }

  to {
      opacity:1;
    translate: 0 0;
    scale: 100% 1;
  }
}