Is there a way with CSS to adjust the amount the header

Hello,

Is there a way with CSS to adjust the amount the header scrolls up? Trying to prevent the logo from party being hidden under the notification bar when one scrolls down the page. If the header could just scroll up about 20 px instead of the 55ish px it seems to do that would work.

Site: http://staging1.yasemingreenscapes.ca

Cheers,
Casper