Inverting logo and nav including hamburger on mobile

Site URL: https://teenworldarts.com

Password: dance

Website I built switches from full page photos with white logo and nav and then I have a few pages that are all white (/magazine, /privacy-policy and /impressum. I've added CSS for each of the white pages to change the logo and nav to black but you still can't see the hamburger icon.

Code I'm using for the white pages:

/* change header text color for Privacy page */
#collection-62f75eeff2f0af4013b3dfb2 .header-nav-wrapper a, #collection-62f75eeff2f0af4013b3dfb2 .header-nav-wrapper .header-nav-item--active a {
    color: #484955;
}

#collection-62f75eeff2f0af4013b3dfb2 .icon svg {
    fill: #484955;
}
#collection-62f75eeff2f0af4013b3dfb2 
header#header a {
	color: #484955 !important;
}

This approach seems messy to me but maybe it's the best way? 

How can I fix it so the hamburger icon shows on mobile? 

Thanks!

this code for burger

#collection-62f75eeff2f0af4013b3dfb2 .burger-inner>div {
	background-color: red !important;
}