Shrinking header color and logo change

Hello
I applied the following quick css to change the shrinking header background and menu font color but this causes the logo to disappear. How can I retain the logo and also make it shrink (it is cut off when visible)? Website in question is in private content.

.header-scrolled .header_bg {
background: none repeat scroll 0 0 black !important;
}
.header-scrolled .menu .avia-menu-text {
color: white !important;
}
.header-scrolled .avia-menu-fx {
background-color: black !important;
}