Help! Page Links jumps past top of Section

I have a single page website with the navigation fixed to the top of the page. Each section is defined and properly labeled to correspond with the navigation links. This seems like it should be simple but for whatever reason the Principals section when clicked, the page scrolls past the content. It isn’t lining up to the top of the defined section. I have tried removing the sections and redefining them. I have disabled the scroll offset when the menu is fixed. The other odd thing is in the preview window of webflow it will scroll to the correct spot, but when published it lands in a different spot (past the content). Here are some screenshots:

navigator


Here is my site Read-Only: https://preview.webflow.com/preview/fivekeys?utm_source=fivekeys&preview=46a40bb43da4c2367864405050d19b61

Published link: https://fivekeys.webflow.io/

Are you sure this is happening on every browser?? Mine looks alright: