Clean up heading font sizes

apps/mozorg/templates/mozorg/firefox/customize.html

@@ -16,7 +16,7 @@
 
 <div id="main-feature">
   <div class="row">
-  <hgroup>
+  <hgroup class="stacked">
     <h1>Easy Ways To <span class="large">Personalize</span></h1>
     <h4>When it comes to browsing, one size doesn’t fit all—customize Firefox pretty much any way you like!</h4>
   </hgroup>

apps/mozorg/templates/mozorg/firefox/performance.html

@@ -14,8 +14,8 @@
 
 {% block content %}
 
-<div id="main-feature">
-  <h1>Blazing <span class="huge">Performance</span></h1>
+<div id="main-feature" class="stacked">
+  <h1>Blazing <span class="large">Performance</span></h1>
   {{ download_button('download', 'small') }}
 
   <script src="/media/js/download.js"></script>

apps/mozorg/templates/mozorg/firefox/security.html

@@ -10,8 +10,8 @@
 {% block content %}
 
 
-<div id="main-feature">
-  <h1>Firefox Helps You <span class="huge">Stay Safe</span></h1>
+<div id="main-feature" class="stacked">
+  <h1>Firefox Helps You <span class="large">Stay Safe</span></h1>
   {{ download_button('download', 'small') }}
 
   <script src="/media/js/download.js"></script>

apps/mozorg/templates/mozorg/firefox/technology.html

@@ -12,7 +12,7 @@
 
 <div id="main-feature">
   <div class="row">
-  <hgroup>
+  <hgroup class="stacked">
     <h1>Built on Open <span class="large">Technology</span></h1>
     <h4>Powerful new innovations that change the way you build the Web</h4>
   </hgroup>

media/css/firefox/security.less

@@ -21,7 +21,6 @@ section.container#privacy {
         .small;
     }
     h4 {
-        margin: 0;
     }
 }
 

media/css/firefox/template.less

@@ -1,7 +1,9 @@
 @import "../sandstone/sandstone.less";
 @import "menu.less";
 
-#masthead h1{
+
+
+#masthead h1 {
     padding: @baseLine 0;
 }
 
@@ -27,3 +29,11 @@ a:active {
     color: darken(@linkBlue, 10%);
 }
 
+.stacked h1 {
+    font-size: 32px;
+    letter-spacing: -1px;
+}
+
+.stacked h1 span {
+    display: block;
+}