Как сменить цвет гамбургера и почему он пропадает при скроллинге?

Не могу понять почему у меня пропадает гамбургер в некоторых частях секций, а именно при перелистывании с первой секции banner к секции ко второй секции features и в самой секции features.

Сам гамбургер находится в блоке hamburger_wrapper и ему задано свойство mix-blend-mode: difference;

Как устранить это и сделать так, чтобы гамбургер не перекрывался?

2. Так же не могу понять, как сменить цвет гамбургера. Я использовал hamburgers.css и задал белый цвет так

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
  
  background-color: #fff !important;
}

и он был белым, до того, как я задал для hamburger_wrapper свойство mix-blend-mode: difference;

Сам сайт ссылка

код jsfiddle