Reduce H1 and H2 sizes (#482)

Slightly reduces header sizes to improve readability and removes excess
whitespace.

Author: rauhul

assets/stylesheets/_screen.scss

@@ -53,7 +53,7 @@ p {
 
 h1 {
   margin-bottom: 0.5em;
-  font-size: 3em;
+  font-size: 2.75em;
   font-weight: 300;
   line-height: 1;
   &.active + .main-nav {
@@ -63,7 +63,7 @@ h1 {
 
 h2 {
   margin-bottom: 0.5em;
-  font-size: 2.5em;
+  font-size: 2.25em;
   font-weight: 300;
   line-height: 1;
 }
@@ -481,12 +481,15 @@ article {
   header {
     width: 100%;
     display: inline-block;
-    padding-bottom: 1.5em;
 
     h1 {
       padding-bottom: 0.125em;
     }
 
+    h2 {
+      padding-top: 0em;
+    }
+
     time {
       display: block;
       text-transform: uppercase;

blog/index.html

@@ -7,7 +7,7 @@
 {% for post in site.posts %}
   <article id="{{ post.id }}" class="summary">
     <header>
-      <h1 class="title"><a href="{{ post.url }}">{{ post.title }}</a></h1>
+      <h2 class="title"><a href="{{ post.url }}">{{ post.title }}</a></h2>
       <time pubdate datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: "%B %-d, %Y" }}</time>
     </header>
     <section class="excerpt">