.anim {
  -webkit-animation: fadeIn 1s linear 0.3s backwards;
  -moz-animation: fadeIn 1s linear 0.3s backwards;
  -ms-animation: fadeIn 1s linear 0.3s backwards;
  animation: fadeIn 1s linear 0.3s backwards;
  opacity: 1;
}
@-webkit-keyframes fadeIn{
  0%{
    opacity: 0;
    -webkit-transform: translateY(20px);

  }
  100%{
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
}
.animtwo {
  -webkit-animation: fadeIntwo 1s linear 0.5s backwards;
  -moz-animation: fadeIntwo 1s linear 0.5s backwards;
  -ms-animation: fadeIntwo 1s linear 0.5s backwards;
  animation: fadeIntwo 1s linear 0.5s backwards;
  opacity: 1;
}
@-webkit-keyframes fadeIntwo{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
.animthree {
  -webkit-animation: fadeInthree 0.5s linear 0.2s backwards;
  -moz-animation: fadeInthree 0.5s linear 0.2s backwards;
  -ms-animation: fadeInthree 0.5s linear 0.2s backwards;
  animation: fadeInthree 0.5s linear 0.2s backwards;
  opacity: 1;
}
@-webkit-keyframes fadeInthree{
  0%{
    opacity: 0;
    -webkit-transform: translateX(-40px);
  }
  100%{
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
}
.animfour {
  -webkit-animation: fadeInfour 0.3s linear 0.2s backwards;
  -moz-animation: fadeInfour 0.3s linear 0.2s backwards;
  -ms-animation: fadeInfour 0.3s linear 0.2s backwards;
  animation: fadeInfour 0.3s linear 0.2s backwards;
}
@-webkit-keyframes fadeInfour{
  0%{
    top: 35px;
  }
  100%{
    top: 0;
  }
}