.mobile-inner-nav{position:absolute;top:6rem;left:0;z-index:99;display:none;padding-top:3rem;padding-bottom:5rem;width:50%;background-color:rgba(34,147,201,.9);}
.mobile-inner-nav a{display:inline-block;margin-left:10%;width:80%;border-bottom:solid 1px rgba(255,255,255,.3);color:#FFF;text-decoration:none;font-weight:300;line-height:3.8rem;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s; font-size:1.4rem}
.mobile-inner-nav a{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returnToNormal;animation-name:returnToNormal;}
@-webkit-keyframes returnToNormal{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
.mobile-inner-nav a:hover{border-bottom:solid 1px rgba(255,255,255,.2);color:rgba(255,255,255,.4);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst;}
.mobile-inner-header-icon-click span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond;}
.mobile-inner-header-icon-out span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst;}
.mobile-inner-header-icon-out span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond;}
@keyframes clickfirst{0%{transform:translateY(4px) rotate(0);}
100%{transform:translateY(0) rotate(45deg);}
}
@keyframes clicksecond{0%{transform:translateY(-4px) rotate(0);}
100%{transform:translateY(0) rotate(-45deg);}
}
@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg);}
100%{transform:translateY(-4px) rotate(0);}
}
@keyframes outsecond{0%{transform:translateY(0) rotate(45deg);}
100%{transform:translateY(4px) rotate(0);}
}