// nav menu stylings

.nav-burger {
	display: block;
    width: 100px;
}

.nav-menu-title {
    background: #fff;
    color: #0000CC;
    height: 24px;
    flex: auto;
    padding: 0.5rem 1.5rem;
}


.nav-menu-fixed {
    background: #fff;
    flex: auto;
    padding: 0.5rem 1.5rem;
}

.nav-menu-fixed a {
    color: ##0000CC;
    padding: 0 2%;
}

.nav-menu-mobile {
    display: block;
    position: absolute;
    top: 45px;
    background: #0000CC;
    width: 200px;
    animation-name: navmenu-animation;
    animation-duration: 1s;
    z-index: 999;
}

.nav-menu-mobile a {
    color: #fff;
    padding: 1rem 1.5rem;
    display: block;
}

@keyframes navmenu-animation {
    from { 
        width: 0;
        opacity: 0;
    }
    to {
        width: 200px;
        opacity: 1;
    }
}