Gap in header

Hi there

When I add new pages the header menu is too big compared to the homepage. Any advice?

Using Xone theme

Anything untoward in the below CSS?

 /* Headers Spacing */
div h1, div h2, div h3, div h4, div h5, div h6 { margin-top: 20px; }
div h1:first-child, div h2:first-child, div h3:first-child, div h4:first-child, div h5:first-child, div h6:first-child { margin-top: 0px; }

.subtitle { margin-top: 5px; font-weight: 300; color: #666666; letter-spacing: 0.05em; }
.text-light .subtitle { opacity: 0.9; filter: alpha(opacity=90);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }

/* Headers for section titles */
.section-title { 
text-align: center;
margin-top: -10px;	/* fix for line-height spacing*/
margin-bottom: 50px;
}
.section-title.not-found { 
margin-top: 80px;	
margin-bottom: 240px;
}

.section-title h2 { 
text-transform: uppercase;
letter-spacing: -0.05em;
font-weight: 900; 
}
.not-found h1 {

The page I need help with: [log in to see the link]