There are two full screen sections in the page, one after another between them, there is a 26px gap that i am currently handling using margin-top:-26px on the first element after the header, however, looking for a cleaner and more reliable way to do this.
So the first fullscreen section is a header element and the sky blue section is the page content
hope this makes sense