Change navigation content color on one page

Site URL: https://www.brookesause.com/

Hello! I'm trying to change the navigation content in the header of the music page to the color white while leaving the other pages how they are. I have an image I can swap out for the logo that's white as well but I'm not sure where to place it without affecting the other pages. 

Is there custom CSS code that I can insert into the page? 

The website is brookesause.com 

The password is brookesause

Thanks!

Add to Design > Custom CSS

/* Music Page */
@media screen and (max-width:767px) {
body#collection-622f9f8b2b7c7d18d77cdd25 {
	div.header-nav-item a {
    color: white !important;
}
header#header img {
    filter: invert(1);
    -webkit-filter: invert(1);
}
header#header svg {
    fill: white;
}
header#header a.btn {
    color: white;
    border-color: white;
}}}

I plugged this into custom css and also tried the advanced page section but it doesn't seem to change anything 😕 

On 3/25/2022 at 12:05 AM, beckacruz said:

I plugged this into custom css and also tried the advanced page section but it doesn't seem to change anything 😕 

Misread your question. I thought you want to do this on mobile only.

You can change 767px to 7676px