.fade-in 
{
  opacity:1;
}

@-webkit-keyframes fade { from { opacity:0; } 0% { opacity:0.3; } 50% { opacity:0.50; } to { opacity:1; } }
@-moz-keyframes fade { from { opacity:0; } 0% { opacity:0.0; } 50% { opacity:0.50; } to { opacity:1; } }
@keyframes fade { from { opacity:0; } 0% { opacity:0.0; } 50% { opacity:0.50; } to { opacity:1; } }
@media screen 
{
  .fade
  {
    opacity:0;

    -webkit-animation:fade ease-in 3s; 
    -moz-animation:fade ease-in 3s; 
    animation:fade ease-in 3s;

    -webkit-animation-fill-mode:forwards;  
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;

    -webkit-animation-duration:3s;
    -moz-animation-duration:3s;
    animation-duration:3s;
  }
}