Menu bar at top of the page changes color

When I removed the "Brick" pattern from my site's homepage, I got the perfect shade of red I wanted. Unfortunately, for some reason, doing so changed the top bar on all of my other pages to Blue. I need the code for changing the top bar on all the pages to the same color as the background on the home page. The code you sent me did not work; it changed the bottom color, but not the top bar.

I need the top bar fixed more than I want the bottom page changed. Your assistance would be much appreciated.

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.heading_container{
background:red!important;
}