nav {
    margin:0 0 20px 0;
    background-color:lightgray;
}
.navin {
    justify-content:center;
    align-items:center;
}
.navin > div {
    align-items:center;
}
/*.navin a div {
    text-align:center;
    font-weight:bold;
}*/

@media (min-width:901px) {
    nav {
        padding:10px 0 10px 0;
    }
    .navin {
        display:flex;
        padding:10px 0 10px 0;
        gap:40px;
    }
    .navin > div {
        display:flex;
        gap:10px;
    }
    /*.navin a div {
        padding:0;
    }

    .mbhide {
        display:initial;
    }*/
}
@media (max-width:900px) {
    nav {
        padding:0;
    }
    .navin {
        display:block;
        padding:5px 0 5px 0;
    }
    .navin > div {
        display:block;
        padding:5px 10px 5px 10px;
    }
    /*.navin a {
        flex:1;
    }
    .navin a div {
        padding:0 5px 0 5px;
    }

    .mbhide {
        display:none;
    }*/
}