.navbar{

    /* Do not wish to make navigation bar to be sticky.*/
    /*
    position: sticky;
    top: 0;
    z-index: 1000;
    */
    
    width:90%;
    max-width:900px;
    margin:2px auto 35px;
    background:#137A79;
    border-radius:10px;
}

.nav-menu{
    display:flex;
    justify-content:center;
    align-items:center;
    list-style:none;
    margin:0;
    padding:0;
}

.nav-menu li{
    border-right:1px solid rgba(255,255,255,.25);
}

.nav-menu li:last-child{
    border-right:none;
}

.nav-menu a{
    display:block;
    color:#fff;
    text-decoration:none;
    font-size:1.02rem;
    font-weight:600;
    padding:2px 34px;
    transition:.2s;
}

.nav-menu a:hover{
    color:#7d7d7d;
}

/* for mobile */

.nav-toggle{
    display:none;
}

@media (max-width:768px){

.navbar{
    background:none;
}

.nav-toggle{
    display:block;
}

.nav-menu{
    display:none;
}

.nav-menu.active{
    background:#137A79;
    border-radius:0 0 10px 10px;
    display:flex;
    flex-direction:column;
}

.nav-menu.active li {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,0.25);
    width: 100%;
    text-align: center;
}

.nav-menu.active li:last-child {
    border-bottom: none;
}