@media screen and (min-width: 1025px){
    #desktop-navbar{
        display: flex;
    }
    #mobile-navbar, #mobile-hamburger-menu{
        display: none;
    }
}

@media screen and (min-width: 601px) and (max-width: 1024px){ 
    #desktop-navbar{
        display: none;
    }
    #mobile-navbar{
        display: flex;
    }
    #mobile-hamburger-menu{
        display: list-item;
    }
    a{
        font-size: 2rem;
        font-weight: 600;
    }
    img{
        height: 7rem;
    }
}

@media screen and (max-width: 600px){ 
    #desktop-navbar{
        display: none;
    }
    #mobile-navbar{
        display: flex;
    }
    #mobile-hamburger-menu{
        display: list-item;
    }
    a{
        font-size: 0.9rem;
        font-weight: 600;
    }
}