several styling issues with mobile and desktop menu

[Max.Weinland]

Hello again,

I am having different issues with menu styling.

First issue: On the landing page of the website (https://goodbyefuture.com/) the menu is set to white to be visible against the background video. If you hover over menu points they become all caps (intended) but turn from white to black (not intended). The general setting in the customizer says, hover color for menu items is black (globally, intended except for the landing page). Does the customizer setting override the specific page settings/css and if so, what can I do about it?

Second issue: Menu styling and position. I am using menu style 1. I use the word menu instead of a burger icon. I want the word to be on the same horizontal line as the site title and to align left at 50% width. When it drops down, I want the word menu to appear like the first menu item and to have a vertical spacing between them that looks consistent with the words menu. I know I can’t do that with just the customizer, obviously. How should I approach this?

Thanks for your help,
Max