html - Chrome Applying Unwanted Margin-Top

Question

My site working well on all browsers and devices -- with the exception of Google Chrome on a large screen, which applies a margin-top of somewhere around 200-300px. I have been trying to debug using the Chrome Console but I haven't seen any differences in the source code. Has anyone else experienced this? Below is the spacing for the elements in question.(Chrome Error)(Firefox Working)(View Page Here)

.column {
 flex: 50%;
 display: flex;
 /*height: 100vh;*/
 justify-content: center;
 align-items: center;

}

.colone {
   height: 100vh;
   justify-content: center;
   align-items: center;

}

标签： htmlcssgoogle-chromedebuggingbrowser