#typo{
position:relative;
width:100%;
font-size:0.9em;
}
#typo div{
/*perspective*/
-webkit-perspective:500px;
   -moz-perspective:500px;
    -ms-perspective:500px;
     -o-perspective:500px;
        perspective:500px;
/*perspective-origin*/
-webkit-perspective-origin:50% 0;
   -moz-perspective-origin:50% 0;
    -ms-perspective-origin:50% 0;
     -o-perspective-origin:50% 0;
        perspective-origin:50% 0;
}
#typo div h2{
/*animation*/
-webkit-animation:rot .6s ease-in-out 1s backwards;
   -moz-animation:rot .6s ease-in-out 1s backwards;
    -ms-animation:rot .6s ease-in-out 1s backwards;
     -o-animation:rot .6s ease-in-out 1s backwards;
        animation:rot .6s ease-in-out 1s backwards;
/*transform-origin*/
-webkit-transform-origin:50% 0;
   -moz-transform-origin:50% 0;
    -ms-transform-origin:50% 0;
     -o-transform-origin:50% 0;
        transform-origin:50% 0;
font-weight:bold;
width:100%;
margin-bottom:2px;
/*linear-gradient*/
text-align:center;
}
#typo div:first-child h2{
font-size:54px;
letter-spacing:-2px;
/*animation-delay*/
-webkit-animation-delay:3s;
   -moz-animation-delay:3s;
    -ms-animation-delay:3s;
     -o-animation-delay:3s;
        animation-delay:3s;
}
@-webkit-keyframes rot{
from{-webkit-transform:rotateX(-90deg);}
50%{-webkit-transform:rotateX(45deg);}
70%{-webkit-transform:rotateX(-23deg);}
to{-webkit-transform:rotateX(0);}
}
@-moz-keyframes rot{
from{-moz-transform:rotateX(-90deg);}
50%{-moz-transform:rotateX(45deg);}
70%{-moz-transform:rotateX(-23deg);}
to{-moz-transform:rotateX(0);}
}
@-ms-keyframes rot{
from{-ms-transform:rotateX(-90deg);}
50%{-ms-transform:rotateX(45deg);}
70%{-ms-transform:rotateX(-23deg);}
to{-ms-transform:rotateX(0);}
}
@-o-keyframes rot{
from{-o-transform:rotateX(-90deg);}
50%{-o-transform:rotateX(45deg);}
70%{-o-transform:rotateX(-23deg);}
to{-o-transform:rotateX(0);}
}
@keyframes rot{
from{transform:rotateX(-90deg);}
50%{transform:rotateX(45deg);}
70%{transform:rotateX(-23deg);}
to{transform:rotateX(0);}
}

/* h4 */

#typo div h4{
/*animation*/
-webkit-animation:rot .6s ease-in-out 1s backwards;
   -moz-animation:rot .6s ease-in-out 1s backwards;
    -ms-animation:rot .6s ease-in-out 1s backwards;
     -o-animation:rot .6s ease-in-out 1s backwards;
        animation:rot .6s ease-in-out 1s backwards;
/*transform-origin*/
-webkit-transform-origin:50% 0;
   -moz-transform-origin:50% 0;
    -ms-transform-origin:50% 0;
     -o-transform-origin:50% 0;
        transform-origin:50% 0;
font-weight:bold;
width:100%;
margin-bottom:2px;
/*linear-gradient*/
text-align:center;
}

#typo div:nth-child(2) h4{
font-size:25px;
/*animation-delay*/
-webkit-animation-delay:4s;
   -moz-animation-delay:4s;
    -ms-animation-delay:4s;
     -o-animation-delay:4s;
        animation-delay:4s;
}