Menu Color & Page Title Covered

Two likely very simple issues that I’m having trouble solving.
1) I started to change the colour of the menu in the custom css. I’m happy with most of what I see, save for one thing. The page that I’m on shows up as a different colour on the menu.

Examples: “ABOUT” is all green while the rest of the menu bar is white. https://www.dwcc.ca/about/ or “GARDENS” is all green on the page https://www.dwcc.ca/gardens/

What I want is for the whole menu bar to be that green colour all the time, and for there to be no change to the menu bar when on any page.

2) The page title (in this case “About”) is being covered up by the menu. It appears to have somehow drifted up into and behind the menu, when the theme is supposed to have it down and inside that grey area. How can I get the spacing right?

Thanks in advance.

The page I need help with: [log in to see the link]