.navbar-fade-in{
    animation-name: navbar-fade-in ;
    animation-duration: 1s;
}

@keyframes navbar-fade-in {
    0% {opacity:0%;}
    100% {opacity:1.0;}
}
.navbar-fade-back{
    animation-name: navbar-fade-back ;
    animation-duration: 1s;
}

@keyframes navbar-fade-back {
    0% {opacity:1.0;}
    100% {opacity:0;}
}