On this template: https://p.w3layouts.com/demos/humanity/web/
There is a header that contains a logo (Humanity) and menu: class=header
There is a colored bar above it: class=head
I want the header div to be sticky when the page scrolls. The head div should disappear when the page is scrolled down.