@media only screen and (max-width: 600px) {

    .nav-bar .nav-menu ul{
        display: flex;
        gap: 20px;
        justify-content: center;
        flex-direction: column;
        
    }
    .nav-menu-container{
        padding-top:0px;
        padding-bottom:0px;
        align-items: center;
        justify-content: start;
        overflow: hidden;
        height: 0px;

    }
    .nav-menu-container.show{
        padding-top:18px;
        padding-bottom:18px;
        height: auto;
    }
    .nav-bar .logo{
        width: fit-content;
    }
    .burger-menu{
     height: fit-content;   
     padding: 12px;
    }
    .burger-menu button{
        border-radius: 6px;
        border:none ;
        padding: 5px;
    }
}