/* animation on load */
@media only screen and (min-width: 868px) {
#drop, #topnav {		
display: inline-block; 
-webkit-animation: drop 1.4s ease-out  both !important;
animation: drop 1.4s ease-out  both !important;  
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;  
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
}  
@keyframes drop { 
0%{ opacity:0; transform: translateY(-50px);  } 
45%{ transform: translateY(-50px); } 
75%{ opacity:0; } 
100%{ opacity:1; transform: translateY(0px); }
}
@-webkit-keyframes drop {
0%{ opacity:0; -webkit-transform: translateY(-50px); } 
45%{ -webkit-transform: translateY(-50px); } 
75%{ opacity:0; } 
100%{ opacity:1; -webkit-transform: translateY(0px); }
}	
.title h1, .slogan h2 {		
display: inline-block; 
-webkit-animation: droptitles  1.8s ease-out  both !important;
animation: droptitles  1.8s ease-out  both !important;  
-webkit-animation-delay: 0.66s;
animation-delay: 0.66s;  
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
}  
@keyframes droptitles { 
0%{ opacity:0; transform: translateY(-50px);  } 
45%{ transform: translateY(-50px); } 
75%{ opacity:0; } 
100%{ opacity:1; transform: translateY(0px); }
}
@-webkit-keyframes droptitles  {
0%{ opacity:0; -webkit-transform: translateY(-50px); } 
45%{ -webkit-transform: translateY(-50px); } 
75%{ opacity:0; } 
100%{ opacity:1; -webkit-transform: translateY(0px); }
}			
}