Mentor Template: Change Navigation BG color

Site URL: https://www.waynesboro.org/

Hi All,

I have some CSS on this site for placing a color behind the navigation using the Mentor Template.

https://www.waynesboro.org/

Is it possible to have 2 different colors behind primary and secondary navigation? I'd like the secondary to be another color... The CSS I am using is:

.Header-inner {
     background-color: #333333;
     padding-bottom: 40px;
     max-width: none !important;
 }

Please and thank you!

.Header.Header--top>div {
    background: red !important;
}

@tuanphan you are a life saver – THANK YOU!