CSS Hamburger Menu Font Displaying Wrong Color on Mobile

Website: www.refinestudios.co

I customized the hamburger menu to be functional on desktop as well as to display the word "MENU" instead of the plus/hamburger icon.

The problem is that it's displaying bright blue on the mobile version (both Safari & Chrome...see attached pictures) for some reason but on the Squarespace preview it's exactly how it should be in black. The desktop version is fine, it's just the mobile version. 

I've tried to target that text a couple of different ways and have been unable to update it. Any help? 

Try this new CSS code

body header#ehader .header-burger .burger-inner>div {
    background-color: #313a28 !important;
}

@tuanphan thanks for getting back to me. Unfortunately the code provided did not work. 

It is fine on my mobile (Samsung/Android/Chrome)