Prevent page header from overlapping menu (fix #103).

assets/styles/layouts/_header.scss

@@ -61,16 +61,16 @@
 }
 
 .page:not(.home) .header {
-  height: 240px;
+  height: rem(240);
 
   @media #{$breakpoint-large} {
-    height: 880px;
+    height: rem(880);
   }
 }
 
 .page.catalog {
   .header {
-    height: 381px;
+    height: rem(381);
   }
 
   .page-header {
@@ -83,12 +83,17 @@
 
   @media #{$breakpoint-large} {
     .header {
-      height: 450px;
+      height: rem(450);
     }
 
     .page-header {
-      height: 381px;
-      margin-top: -381px;
+      height: rem(381);
+      margin-top: rem(-381);
+
+      .font-size & {
+        height: rem(350);
+        margin-top: rem(-350);
+      }
     }
   }
 }

dist/mix-manifest.json

@@ -1,6 +1,6 @@
 {
     "/scripts/aldine.js": "/scripts/aldine.js?id=1f58027f7de9942caf57",
-    "/styles/aldine.css": "/styles/aldine.css?id=bd38b94fc99f5bf65198",
+    "/styles/aldine.css": "/styles/aldine.css?id=b1044ba6e1ca10075c15",
     "/styles/editor.css": "/styles/editor.css?id=e96b3d10ea63fa07d09b",
     "/scripts/customizer.js": "/scripts/customizer.js?id=1b0d3cfc1d85f460af53",
     "/scripts/catalog-admin.js": "/scripts/catalog-admin.js?id=d25f1240496bd3607338"