Mobile Site Adjustments

I am trying to make some adjustments for the mobile site of asucolorado.com. I have installed a child theme that already has successful customization on it. On the mobile site i'd like to make the following changes: 1. Center the site logo so that it does not get jumbled with the navigation button 2. In the site navigation i'd like to change the colors of the subcategory box so they stand out better To solve item 1 I tried the code: @media screen and ( max-width: 940px ) { #logo-wrap { margin: 0 auto; float: none; display: block; } } Any help is greatly appreciated