more small font tweaks (and weird encoding fixes)

assets/sass/abstracts/_variables.scss

@@ -19,7 +19,7 @@ $link-underline-size: 2px;
 // Global Colors
 $color-background:   #ffffff;
 $color-gray-background: #f9f9f9;
-$color-text:         #2a2a2a;
+$color-text:         #202020;
 $color-medium-dark:  #494949;
 $color-medium:       #5e5e5e;
 $color-medium-light: #757575;

assets/sass/pages/_home.scss

@@ -2,7 +2,7 @@
 
 // Home Styles
 main#home {
-  font-size: 1.3em;
+  font-size: 1.2em;
   max-width: 980px;
   padding: 1.5em 1.75em 0.5em 1.75em;
   margin: 0 auto;
@@ -25,8 +25,8 @@ main#home {
 
   p {
     margin: 0.8em 0;
-    letter-spacing: -0.018em;
-    line-height: 1.55;
+    letter-spacing: -0.017em;
+    line-height: 1.6;
   }
 
   sup {
@@ -92,7 +92,6 @@ main#home {
 @mixin responsive--home() {
   main#home {
     font-size: 1.1em;
-    line-height: 1.6;
     padding: 1.2em 1.2em 0.2em 1.2em;
 
     h2 {
@@ -101,7 +100,7 @@ main#home {
     }
 
     h3 {
-      font-size: 1.1em;
+      font-size: 1.15em;
       line-height: 1.4;
     }
 

assets/sass/pages/_list.scss

@@ -50,6 +50,10 @@ main#list {
 
     section.year {
       font-size: 1em;
+
+      h2 {
+        font-size: 2em;
+      }
     }
   }
 }

assets/sass/pages/_single.scss

@@ -20,6 +20,10 @@ main#single {
         line-height: 1.5;
       }
 
+      strong {
+        letter-spacing: 0.001em;
+      }
+
       img,
       figure {
         height: auto;
@@ -180,7 +184,7 @@ main#single {
         color: $color-medium;
         font-size: 0.85em;
         line-height: 1.5;
-        letter-spacing: 0.075em;
+        letter-spacing: 0.07em;
 
         a {
           color: inherit;
@@ -202,6 +206,7 @@ main#single {
             margin-right: 0.8em;
             text-transform: uppercase;
             letter-spacing: 0.15em;
+            white-space: nowrap;
           }
         }
       }
@@ -213,7 +218,7 @@ main#single {
 // Responsive
 @mixin responsive--single() {
   main#single {
-    padding: 0.8em 1.5em;
+    padding: 0.8em 1.1em;
 
     article {
       div#meta {
@@ -230,6 +235,7 @@ main#single {
           // less space between tags
           ul#tags li {
             margin: 0 0.5em;
+            line-height: 1.7;
           }
         }
       }

assets/sass/pages/_videos.scss

@@ -24,6 +24,7 @@ main#video {
 
     a {
       font-weight: bold;
+      letter-spacing: 0.001em;
     }
   }