/* menu animation */
.stop {
    position: fixed;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: stopframe;
    -moz-animation-duration: 0.5s;
    -moz-animation-name: stopframe;
    animation-duration: 0.5s;
    animation-name: stopframe;
    
    top:-70px;
    
}
@-webkit-keyframes stopframe {
    from {
        position: fixed;
        top: 0;
    }
    to {
        position: fixed;
        top: -70px;
    }
}

@keyframes stopframe {
    from {
        position: fixed;
        top: 0;
    }
    to {
        position: fixed;
        top: -70px;
    }
}

@-moz-keyframes stopframe {
    from {
        position: fixed;
        top: 0;
    }
    to {
        position: fixed;
        top: -70px;
    }
}


.slideMenu {
    position: fixed;
    -moz-animation-duration: 0.7s;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -moz-animation-name: slidein;
    -webkit-animation-name: slidein;
    animation-name: slidein;
    top: 0px;
}

    @-webkit-keyframes slidein {
      0% {
          top: -120px;
        opacity: 0;
    }
    
        100% {
            opacity: 1;
            top: 0px;
        }
    }

    @keyframes slidein {
      0% {
          top: -120px;
        opacity: 0;
    }
    
        100% {
            opacity: 1;
            top: 0px;
        }
    }

    @-moz-keyframes slidein {
      0% {
          top: -120px;
        opacity: 0;
    }
    
        100% {
            opacity: 1;
            top: 0px;
        }
    }