.main-nav{
    background:#17361c;
    padding:14px;
    text-align:center;
    display:block;
}

.main-nav a{
    color:white;
    text-decoration:none;
    margin:0 14px;
    font-size:17px;
    font-weight:bold;
    display:inline-block;
}


.main-nav{
    position:sticky;
    top:0;
    z-index:9999;
    background:#17361c;
    padding:14px;
    text-align:center;
    box-shadow:0 2px 8px rgba(0,0,0,.25);
}


.main-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
}

.main-nav .nav-logo{
    margin-right:auto;
    display:flex;
    align-items:center;
    padding-left:12px;
}

.main-nav .nav-logo img{
    max-width:none !important;
    width:78px;
    height:auto;
    display:block;
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));
}

@media (max-width: 768px){
    .main-nav{
        justify-content:flex-start;
    }

    .main-nav .nav-logo{
        width:100%;
        justify-content:center;
        margin-right:0;
        padding-bottom:8px;
        padding-left:0;
    }

    .main-nav a{
        margin:6px 10px;
    }
}