/* @group title */
.title h1  {	
  -webkit-animation: slide-titles 1.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-titles 1.7s cubic-bezier(0.250, 0.460, 0.450, 0.940)  both;  
  /*-webkit-animation-delay: 0.06s;
  animation-delay: 0.06s;*/
  
   -webkit-backface-visibility: hidden; 	      
  -webkit-transform-style: preserve-3d;
	
	
}
/* Prevent first frame from flickering when animation starts    
    no good for speed of the page :( */
/*   -webkit-animation-fill-mode: both;
  animation-fill-mode: both; */   
     
@keyframes slide-titles { 
0%{
transform: translateY(55px);-webkit-transform:  translateY(55px);} 40%{transform: translateY(55px);-webkit-transform:  translateY(55px);} 100%{transform:translateY(0px);-webkit-transform: translateY(0px);letter-spacing: inherit;}}/* Safari and Chrome */@-webkit-keyframes slide-titles {0%{ -webkit-transform:  translateY(55px);} 40%{-webkit-transform:  translateY(55px);}100%{-webkit-transform: translateY(0px);}}/* @end */ /* @group slogan */ .slogan h2  {	  -webkit-animation: slide-slogan 1.6s cubic-bezier(0.250, 0.460, 0.450, 0.940)  both;animation: slide-slogan 1.6s cubic-bezier(0.250, 0.460, 0.450, 0.940)  both;/*-webkit-animation-delay: 0.0s;animation-delay: 0.0s;*/    /*-webkit-backface-visibility: hidden;	        -webkit-transform-style: preserve-3d;*/}    @keyframes slide-slogan {0%{transform: translateY(30px);-webkit-transform:  translateY(30px);} 40%{transform: translateY(30px);-webkit-transform:  translateY(30px);} 100%{transform:translateY(0px);-webkit-transform: translateY(0px);}}/* Safari and Chrome */@-webkit-keyframes slide-slogan {0%{  -webkit-transform:  translateY(30px);} 40%{-webkit-transform:  translateY(30px);} 100%{-webkit-transform: translateY(0px);}}/* @end */