标题不垂直对齐

Question

我有website，如果向上滚动，您会看到标题位于中心线上方。我无法弄清楚如何让它与紫色相同。有什么想法吗？

绿页上的标题代码：

 .main section.page3 h1 {
      text-align: center;
      padding: 0;
      margin-bottom: 0;
      font-size: 70px;
      letter-spacing: -1px;
      color: black;
    }

在紫色页面上：

 .main section.page2 > img {
      position: absolute;
      top: -300px;
      left: 50%;
      margin-left: -1095px; 

我有什么：

我想要的：

Answer 1

我在开发人员工具中看了一下，看起来你只需删除一些边距。它们位于.page2 .page_container元素和.page2 h1元素：

.main section.page2 .page_container {
    margin-top: 240px;                 /* Remove this. */
    overflow: hidden;
}
.main section.page2 h1 {
    text-align: center;
    padding: 0;
    margin-top: 150px;                 /* Remove this. */
    font-size: 50px;
    letter-spacing: -1px;
    color: white;
}