.sp_nav{
    position: fixed;
    transform: translateY(-100%);
    animation-delay: 0s;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function:ease;
}
@keyframes sp_nav_open {
  0% {transform: translateY(-100%);}
  100% {transform: translateY(0px);}
}
@keyframes sp_nav_close {
  0% {transform: translateY(0px);}
  100% {transform: translateY(-100%);}
}
@keyframes sp_nav_resizing {
  100% {transform: translateY(-100%);}
}