Changing Menu Bar Colour in Mobile Displays

I've managed to change the main title to a logo on my website. However, there is a small grey border around the logo that I can't seem to get rid of. I've tried editing the .toppagebar settings in the msw.css but I can't seem to change it. I've changed the line <div class="toppagebar hidden-sm hidden-md hidden-lg push"> to <div class="toppagebar"> in the header.tpl.php file. That removes the border but it affects the layout. Is there any other changes I need to be making>
Also, is there a way to change the greeny blue navigation bar on mobile devices? I've changed it on the desktop version but again, can't seem to find the correct settings to change it in mobile devices. I'd like to change it to black or dark grey.
Here is what its showing:-