If you add your first CSS rule to your theme’s Mobile CSS tab, it should work to remove the logo. If you are testing this on a desktop computer, add mobile_view=1 to the site’s URL to load the mobile CSS.
I don’t think that removing the logo from mobile will be a great experience for your users. What is the problem that you are trying to solve?