Fixes #36 - Adjusted heading font-sizes and line-heights

static/css/main.css

Index: static/css/main.css
===================================================================
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -48,45 +48,16 @@
 .sprite
 {
   display: inline-block;
   font-size: 0px; /* fix for IE6 height bug */
   background-image: url(../img/sprite-main.png);
   background-repeat: no-repeat;
 }
 
-#adblock-browser-notification
-{
-  text-align: center;
-}
-
-#adblock-browser-notification a
-{
-  font-weight: bold;
-}
-
-#adblock-browser-notification img
-{
-  vertical-align: bottom;
-  width: 25px;
-  height: 25px;
-}
-
-#adblock-browser-notification span
-{
-  white-space: nowrap;
-  margin-left: 1em;
-}
-
-[dir="rtl"] #adblock-browser-notification span
-{
-  margin-left: 0;
-  margin-right: 1em;
-}
-
 .toc
 {
   display: inline-block;
   border: 1px solid #aaa;
   background: #fff;
   padding: 16px 20px;
 }
 
@@ -171,35 +142,54 @@
   padding: 2em 0;
 }
 
 /******************************************************************************
  * .content
  *****************************************************************************/
 
 .content h1,
+.content .h1,
 .content h2,
 .content h3,
 .content h4,
 .content h5
 {
   font-weight: bold;
   margin: 32px 0 16px 0;
   margin: 2rem 0 1rem 0;
+  line-height: 1.4;
 }
 
-.content h1 { font-size: 1.8em; }
-.content h2 { font-size: 1.4em; }
-.content h3 { font-size: 1.3em; }
-.content h4 { font-size: 1.2em; }
-.content h5 { font-size: 1.1em; }
+.content h1,
+.content .h1 { font-size: 1.4em; }
+.content h2 { font-size: 1.3em; }
+.content h3 { font-size: 1.2em; }
+.content h4 { font-size: 1.1em; }
+.content h5 { font-size: 1em; }
+
+@media(min-width: 576px)
+{
+  .content h1,
+  .content .h1 { font-size: 1.6em; }
+  .content h2 { font-size: 1.4em; }
+  .content h3 { font-size: 1.3em; }
+  .content h4 { font-size: 1.2em; }
+  .content h5 { font-size: 1.1em; }
+}
 
 @media(min-width: 768px)
 {
-  .content h1 { font-size: 2.4em; }
+  .content h1,
+  .content .h1
+  {
+    font-size: 2.4em;
+    line-height: 1.3;
+  }
+
   .content h2 { font-size: 1.6em; }
 }
 
 .content a,
 .content a:visited
 {
   color: #c70d2c;
 }
@@ -267,16 +257,22 @@
  * .fg-* utilities
  ******************************************************************************/
 
 .fg-accent
 {
   color: #077CA6;
 }
 
+.bg-secondary
+{
+  color: #000;
+  background-color: #F4F4F4;
+}
+
 /*******************************************************************************
  * #navbar
  ******************************************************************************/
 
  #navbar
 {
   min-height: 4em;
   background-color: #c70d2c;
@@ -712,16 +708,37 @@
 
   /* overriding display:none above */
   #footer #social-list
   {
     display: block;
   }
 }
 
+/* Items
+ *****************************************************************************/
+
+.item-group,
+.item-body
+{
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+
+.item
+{
+  padding-top: 2em;
+  padding-bottom: 2em;
+}
+
+.item-heading
+{
+  text-transform: uppercase;
+}
+
 /* Video
  ****************************************************************************/
 
 .video-parent
 {
   position: relative;
   display: block;
   width: 100%;