diff --git a/README.md b/README.md
index 4366f18..fd2f94e 100644
--- a/README.md
+++ b/README.md
@@ -1,17 +1,16 @@
-# Mnml — a Typographically Tasteful [Ghost](http://github.com/tryghost/ghost/) Theme
+# Mnml — a Typographically Tasteful [Ghost](http://github.com/tryghost/ghost/) Blog Theme
 
-Think of it as Casper, with class.
-
-### [LIVE DEMO!](http://mnml.herokuapp.com)
+### [LIVE DEMO!](http://autodidacts.io)
 
 Features:
 
-  - Everything that makes Casper great, plus…
-  - Prism.js syntax highlighting
-  - The wonderful Fira font family, to set you apart from the masses
-  - An awesome pullquote style (just add the `.pull` class to a blockquote
-  - Better horozontal rules
-  - Drop-capitals, and small capitals for the first line
+- Great Typography
+  - Typeset in Source Serif Pro, Source Sans Pro, and Alegreya
+  - Blazingly fast [Brick](http://brick.im) webfonts
+  - Cross-browser drop-capitals
+  - Attractive Pullquotes
+- Prism.js syntax highlighting
+- Better horozontal rules
+- Totally responsive
+- Perfect readability — MNML features a type-scale, responsive typography, and carefully set line length for the best reading experience.
 
-![Drop Caps](http://i.minus.com/iVvuj1TqTUCB5.png)
-![Pull Quote](http://i.minus.com/ibcjr0kh3U4lYM.png)
diff --git a/assets/css/screen.css b/assets/css/screen.css
index 8e81223..ce281a3 100644
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -1,26 +1,3 @@
-/* ==========================================================================
-   Table of Contents
-   ========================================================================== */
-
-/*
-
-    0.  Normalize
-    1.  Icons
-    2.  General
-    3.  Utilities
-    4.  General
-    5.  Single Post
-    6.  Tag Archive
-    7.  Third Party Elements
-    8.  Pagination
-    9.  Footer
-    10. Media Queries (Medium Desktop)
-    11. Media Queries (Tablet)
-    12. Media Queries (Mobile)
-    13. Animations
-
-*/
-
 /* ==========================================================================
    0. Normalize.css v2.1.3 | MIT License | git.io/normalize | (minified)
    ========================================================================== */
@@ -100,6 +77,22 @@ textarea { overflow: auto; vertical-align: top; }
 table { border-collapse: collapse; border-spacing: 0; }
 
 
+
+/*! normalize-opentype v0.2.0 | MIT License | kennethormandy.com/journal/normalize-opentype-css */::-moz-selection{color:inherit;text-shadow:inherit}::selection{color:inherit;text-shadow:inherit}body,html{-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0;-moz-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0}h1,h2,h3{-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 1;-moz-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 1}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;-moz-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}time{-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0;-moz-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0}code,kbd,pre,samp{-webkit-font-feature-settings:"kern" 0,"liga" 0,"calt" 1,"dlig" 0,"pnum" 0,"tnum" 1,"onum" 0,"lnum" 1,"zero" 1;-moz-font-feature-settings:"kern" 0,"liga" 0,"calt" 1,"dlig" 0,"pnum" 0,"tnum" 1,"onum" 0,"lnum" 1,"zero" 1;font-feature-settings:"kern" 0,"liga" 0,"calt" 1,"dlig" 0,"pnum" 0,"tnum" 1,"onum" 0,"lnum" 1,"zero" 1}sup{-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;-moz-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"sups" 1}sub{-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;-moz-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0,"subs" 1}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=number],input[type=range],input[type=tel],input[type=week]{-webkit-font-feature-settings:"kern" 0,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 0,"lnum" 1,"zero" 0;-moz-font-feature-settings:"kern" 0,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 0,"lnum" 1,"zero" 0;font-feature-settings:"kern" 0,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 0,"lnum" 1,"zero" 0}table{-webkit-font-feature-settings:"kern" 0,"liga" 1,"calt" 1,"pnum" 0,"tnum" 1,"onum" 0,"lnum" 1,"zero" 1;-moz-font-feature-settings:"kern" 0,"liga" 1,"calt" 1,"pnum" 0,"tnum" 1,"onum" 0,"lnum" 1,"zero" 1;font-feature-settings:"kern" 0,"liga" 1,"calt" 1,"pnum" 0,"tnum" 1,"onum" 0,"lnum" 1,"zero" 1}table tfoot,table thead{-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0;-moz-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0}
+
+
+
+/*!
+TYPEPLATE
+URL ........... http://typeplate.com
+VERSION ....... 1.1.4
+Github ........ https://github.com/typeplate/bower
+AUTHORS ....... Dennis Gaebel (@gryghostvisuals) & Zachary Kain (@zakkain)
+LICENSE ....... Creative Commmons Attribution 3.0 (http://creativecommons.org/licenses/by/3.0)
+LICENSE URL ... https://github.com/typeplate/bower/blob/master/license.txt
+*/@font-face{font-family:Ampersand;src:local("Georgia"),local("Garamond"),local("Palatino"),local("Book Antiqua");unicode-range:U+0026}@font-face{font-family:Ampersand;src:local("Georgia");unicode-range:U+270C}.ampersand{font-family:Ampersand,Verdana,sans-serif}.breakword{word-wrap:break-word}.normal-wrap{word-wrap:normal}.inherit-wrap{word-wrap:auto}.drop-cap:first-letter{float:left;margin:auto .25em auto auto;padding:inherit;font-size:4em;font-family:inherit;line-height:1;text-indent:0;background:0 0;color:inherit}p+.drop-cap{text-indent:0;margin-top:0}html{font:400 112.5%/1.65 serif}body{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto;word-wrap:break-word;color:#444}small{font-size:65%}h1,h2,h3,h4,h5,h6{line-height:1;margin-top:0;text-rendering:optimizeLegibility;color:#222}.tera{font-size:117px;font-size:6.5rem;margin-bottom:.25385rem}.giga{font-size:90px;font-size:5rem;margin-bottom:.33rem}.mega{font-size:72px;font-size:4rem;margin-bottom:.4125rem}.alpha,h1{font-size:60px;font-size:3.33333rem;margin-bottom:.495rem}.beta,h2{font-size:48px;font-size:2.6667rem;margin-bottom:.61875rem}.gamma,h3{font-size:36px;font-size:2rem;margin-bottom:.825rem}.delta,h4{font-size:24px;font-size:1.3333333333333333rem;margin-bottom:1.2375rem}.epsilon,h5{font-size:21px;font-size:1.16667rem;margin-bottom:1.41429rem}.zeta,h6{font-size:18px;font-size:1rem;margin-bottom:1.65rem}p{margin:auto auto 1.5em}p+p, aside+p{text-indent:1.5em;margin-top:-1.5em}abbr,acronym,blockquote,code,dir,kbd,listing,plaintext,q,samp,tt,var,xmp{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none}pre code{word-wrap:normal;white-space:-moz-pre-wrap;white-space:pre-wrap}pre{white-space:pre}code{white-space:pre;font-family:monospace}abbr{font-variant:small-caps;font-weight:600;text-transform:lowercase;color:gray}abbr[title]:hover{cursor:help}.lining dd,.lining dt{display:inline;margin:0}.lining dd+dt:before,.lining dt+dt:before{content:"\A";white-space:pre}.lining dd+dd:before{content:", "}.lining dd:before{content:": ";margin-left:-.2em}.dictionary-style dt{display:inline;counter-reset:definitions}.dictionary-style dt+dt:before{content:", ";margin-left:-.2em}.dictionary-style dd{display:block;counter-increment:definitions}.dictionary-style dd:before{content:counter(definitions,decimal) ". "}.blockquote p:last-of-type{margin-bottom:-.825em}.blockquote+figcaption{display:block;font-size:inherit;text-align:right}.blockquote+figcaption:before{content:"-"}.pull-quote{position:relative;padding:1em}.pull-quote:after,.pull-quote:before{height:1em;opacity:.15;position:absolute;font-size:4em;color:#dc976e}.pull-quote:before{content:'“';top:0;left:0}.pull-quote:after{content:'”';bottom:0;right:0}
+
+
 /* ==========================================================================
    1. Icons - Sets up the icon font and respective classes
    ========================================================================== */
@@ -168,24 +161,15 @@ table { border-collapse: collapse; border-spacing: 0; }
    ========================================================================== */
 
 html {
-    height: 100%;
-    max-height: 100%;
-    font-size: 62.5%;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  font-size:95%;
 }
 
 body {
-    -webkit-font-feature-settings: 'kern' 1;
-    -moz-font-feature-settings: 'kern' 1;
-    -ms-font-feature-settings: 'kern' 1;
-    -o-font-feature-settings: 'kern' 1;
-    font-feature-settings: 'kern' 1;
-    height: 100%;
-    max-height: 100%;
-    font-family: Fira Sans, "Noto Serif", serif;
-    font-size: 2.2rem;
-    line-height: 1.7em;
-    color: #3A4145;
+    font-family: "Source Serif Pro", Georgia, serif;
+    color: #333;
+    font-size:21px;
+    background: #fdfdfd;
 }
 
 ::-moz-selection {
@@ -199,62 +183,49 @@ body {
 }
 
 h1, h2, h3,
-h4, h5, h6 {
-    -webkit-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
-    -moz-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
-    -ms-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
-    -o-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
-    font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
-    color: #2E2E2E;
-    line-height: 1.15em;
-  font-weight: 600;
-    margin: 0 0 0.3em 0;
-  letter-spacing: .02em !important;
-    font-family: Fira Sans, "Open Sans", sans-serif;
-}
+h4, h5, h6,
+main-nav a,
+.post-meta,
+.site-footer,
+.pagination,
+.back-button, .subscribe-button{
+    font-family: "Source Sans Pro", Helvetica, sans-serif;
 
-h1 {
-    font-size: 5.6rem;
-    letter-spacing: -2px;
-    text-indent: -3px;
 }
 
-h2 {
-    font-size: 4.4rem;
-    letter-spacing: -1px;
-}
-
-h3 {
-    font-size: 3.9rem;
+h1, h2, h3,
+h4, h5, h6,
+.older-posts, .newer-posts,
+.back-button, .subscribe-button{
+  text-transform: uppercase;
+  font-weight: 900;
 }
 
-h4 {
-    font-size: 3.1rem;
+h1,h2,h3{
+  letter-spacing: .05em !important;
 }
 
-h5 {
-    font-size: 2.8rem;
+a {
+    color: #dd4814;
+    transition: color ease 0.3s;
 }
 
-h6 {
-    font-size: 2.2rem;
+a:hover {
+    color: orange;
 }
 
-a {
-    color: #4A4A4A;
-    transition: color ease 0.3s;
+em, i {
+/*  Yeah, this is a hack.
+    Real italics are coming to Source Serif Pro, but I couldn’t wait to use it.*/
+  font-family: "Alegreya";
+  font-style: italic;
 }
 
-a:hover {
-    color: #111;
+strong, bold, b{
+  font-weight: 700;
 }
 
 p, ul, ol, dl {
-    -webkit-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
-    -moz-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
-    -ms-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
-    -o-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
-    font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
     margin: 0 0 1.7em 0;
 }
 
@@ -296,17 +267,6 @@ hr{
   text-align: center;
 }
 
-/*
-ALTERNATE HR
-hr:after{
-  content: "</>";
-  font-size:1.2em;
-  position: relative;
-  bottom: .56em;
-  color:#EFEFEF;
-  font-weight: 100;
-}
-*/
 
 hr:after {
     display: block;
@@ -318,11 +278,11 @@ hr:after {
     bottom: .25em;
     left: 50%;
     margin-left: -5px;
-    background: #FFF;
+    background: #fdfdfd;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
-    box-shadow: #FFF 0 0 0 5px;
+    box-shadow: #fdfdfd 0 0 0 5px;
 }
 
 hr.plain-hr:after {
@@ -332,14 +292,15 @@ hr.plain-hr:after {
 blockquote {
     -moz-box-sizing: border-box;
     box-sizing: border-box;
-    margin: 1.7em 0 1.7em -2.2em;
-    padding: 0 0 0 1.6em;
-    border-left: #4A4A4A 0.4em solid;
+    margin: 1.7em 0 1.7em -1.2em;
+    padding: 0 0 0 1em;
+    border-left: orange 2px solid;
 }
 
 blockquote p {
     margin: 0.8em 0;
     font-style: italic;
+  font-family: "Alegreya", georgia, serif;
 }
 
 blockquote small {
@@ -365,6 +326,7 @@ blockquote cite a { font-weight: normal; }
   font-style: italic;
   border-left: none;
   color:slategray;
+  font-family: "Alegreya", georgia, serif;
 }
 
 .pull:before{
@@ -374,8 +336,38 @@ blockquote cite a { font-weight: normal; }
   top: 30px;
   right:10px;
   color:orange;
+  line-height: 1;
+}
+
+aside{
+  font-family: "Source Sans Pro", Helvetica, sans-serif;
+  width: 40%;
+  float:right;
+  line-height: 1.4;
+  background-color: #fff;
+  padding:3%;
+  margin:3%;
+  font-size:.857em;
+  border:1px solid #eee;
 }
 
+aside:before{
+  position: relative;
+  display: inline;
+  color:#ccc;
+  top:-.05em;
+  left:-.45em;
+  content: "*";
+  font-size:5em;
+  line-height: 0;
+  float: left;
+}
+
+aside em{
+  font-family: inherit;
+}
+
+
 mark {
     background-color: #FFC336;
 }
@@ -405,6 +397,24 @@ pre {
     border-radius: 3px;
 }
 
+/* These override prism’s default codeblock styles to make them match*/
+pre[class*="language-"], .token.operator{
+  background: #F7FAFB !important;
+}
+
+pre[class*="language-"]{
+  padding: 10px !important;
+  margin: 0 0 1.7em 0 !important;
+}
+
+code[class*="language-"]{
+  font-family: Inconsolata, monospace, sans-serif !important;
+  text-shadow: none !important;
+  color: #333 !important;
+  padding: 1px 3px !important;
+}
+
+
 pre code, tt {
     font-size: inherit;
     white-space: -moz-pre-wrap;
@@ -437,12 +447,14 @@ table {
     width: 100%;
     max-width: 100%;
     background-color: transparent;
+    font-family: "Source Sans Pro", Helvetica, sans-serif;
 }
 
 table th,
 table td {
     padding: 8px;
-    line-height: 20px;
+  font-size:.857em;
+    line-height: 1.4em;
     text-align: left;
     vertical-align: top;
     border-top: #EFEFEF 1px solid;
@@ -505,6 +517,14 @@ margin on the iframe, cause it breaks stuff. */
     display: none;
 }
 
+.center-text{
+  text-align: center;
+}
+
+.m0a{
+  margin:0 auto;
+}
+
 /* Creates a responsive wrapper that makes our content scale nicely */
 .inner {
     position: relative;
@@ -513,98 +533,118 @@ margin on the iframe, cause it breaks stuff. */
     margin: 0 auto;
 }
 
+/* Makes for a nice small, responsive image that floats right*/
+.thumb{
+  width: 100%;
+  max-width:250px;
+  float:right;
+}
+
+.btn, button, input[type="button"]{
+  color:white;
+  background-color: #dd4814;
+  padding: .5% 2%;
+  text-indent: 0;
+  font-size:1.2em;
+  text-decoration: none;
+  font-family: "Source Sans Pro", Helvetica, sans-serif;
+  text-transform: uppercase;
+  letter-spacing: .05em;
+  margin:.5em !important;
+  display: inline-block;
+  text-align: center;
+  font-weight: 900;
+  margin: 0 auto;
+  border-radius: 2px;
+  border:1px solid #dd4814;
+  box-shadow: 0 0 10px 0px orange inset;
+}
+
+.btn:active, .btn:hover,  .btn.active, button:active, button:hover, input[type=button]:active, input[type="button"]:hover{
+  color:white;
+  background-color: orange;
+  box-shadow: 0 0 10px -2px #dd4814 inset;
+}
+/*
+
+.btn, button, input[type="button"]{
+  display: inline-block;
+  width: auto;
+  margin: 0 auto !important;
+  text-align: center;
+  font-family: "Source Sans Pro", Helvetica, sans-serif;
+  text-transform: uppercase;
+  font-weight: 900;
+  letter-spacing: .05em;
+  font-size: 1.2em;
+  padding: .25em;
+  text-shadow: 0 0 10px white;
+  border-top: 1px solid #FEFDFB;
+  border: 1px solid orange;
+  border-radius: .2em;
+  margin: .5em;
+  background-color: moccasin;
+  box-shadow: 1px 4px 0 1px #dd4814;
+  color:#333;
+  -webkit-transition: .1s;
+  -o-transition: .1s;
+  transition: .1s;
+}
+
+a.btn{
+  text-decoration: none;
+}
+
+.btn:active, .btn:hover,  .btn.active, button:active, button:hover, input[type=button]:active, input[type="button"]:hover{
+  box-shadow: 1px 3px 0 1px #dd4814;
+  position: relative;
+  top:2px;
+  background-color: lemonchiffon;
+  -webkit-transition: .1s;
+  -o-transition: .1s;
+  transition: .1s;
+}
+*/
+
+
+
 /* Centres vertically yo. (IE8+) */
 .vertical {
     display: table-cell;
     vertical-align: middle;
 }
 
+.amp {
+  font-family: Calendas Plus Italic, 'Ampersand', Calendas Plus, Baskerville, GoudyBookletter1911, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
+}
+
+@font-face {
+    font-family: 'Ampersand';
+    src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'),
+         url('calendas_plus_italic-webfont.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
 
 /* ==========================================================================
    4. General - The main styles for the the theme
    ========================================================================== */
 
-/* Big cover image on the home page */
 .main-header {
-    position: relative;
-    display: table;
-    width: 100%;
-    height: 100%;
-    margin-bottom: 5rem;
     text-align: center;
-    background: #222 no-repeat center center;
-    background-size: cover;
-    overflow: hidden;
-}
-
-.main-header .inner {
-    width: 80%;
+    padding-bottom: 1em;
 }
 
 .main-nav {
     position: relative;
-    padding: 35px 40px;
-    margin: 0 0 30px 0;
+    padding: 1em;
 }
 
 .main-nav a {
     text-decoration: none;
-    font-family: 'Open Sans', sans-serif;
-}
-
-/* Create a bouncing scroll-down arrow on homepage with cover image */
-.scroll-down {
-    display: block;
-    position: absolute;
-    z-index: 100;
-    bottom: 45px;
-    left: 50%;
-    margin-left: -16px;
-    width: 34px;
-    height: 34px;
-    font-size: 34px;
-    text-align: center;
-    text-decoration: none;
-    color: rgba(255,255,255,0.7);
-    transform: rotate(-90deg);
-    -webkit-animation: bounce 4s 2s infinite;
-    animation: bounce 4s 2s infinite;
-}
-
-/* Stop it bouncing and increase contrast when hovered */
-.scroll-down:hover {
-    color: #fff;
-    -webkit-animation: none;
-    animation: none;
-}
-
-/* Put a semi-opaque radial gradient behind the icon to make it more visible
-   on photos which happen to have a light background. */
-.home-template .main-header:after {
-    display: block;
-    content: " ";
-    width: 150px;
-    height: 130px;
-    border-radius: 100%;
-    position: absolute;
-    bottom: 0;
-    left: 50%;
-    margin-left: -75px;
-    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
-    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.15)), color-stop(70%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
-    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
-    background: radial-gradient(ellipse at center,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
-}
+ }
 
-/* Hide when there's no cover image or on page2+ */
-.no-cover .scroll-down,
-.no-cover.main-header:after,
-.archive-template .scroll-down,
-.archive-template .main-header:after {
-    display: none
-}
-
-/* Appears in the top right corner of your home page */
 .blog-logo {
     display: block;
     float: left;
@@ -622,154 +662,89 @@ margin on the iframe, cause it breaks stuff. */
     width: auto;
 }
 
-.back-button {
-    -webkit-box-sizing: border-box;
+.back-button, .subscribe-button{
+   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block;
-    float: left;
-    height: 38px;
-    padding: 0 15px 0 10px;
+    padding: .4em .3em .3em .3em;
     border: transparent 1px solid;
     color: #9EABB3;
+  font-weight: 400;
     text-align: center;
-    font-size: 12px;
     text-transform: uppercase;
-    line-height: 35px;
     border-radius: 3px;
     transition: all ease 0.3s;
 }
+
+.back-button {
+  float: left;
+}
 .back-button:before {
     position: relative;
     bottom: -2px;
-    font-size: 13px;
-    line-height: 0;
     margin-right: 8px;
 }
 
 .subscribe-button {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    display: inline-block;
+
     float: right;
-    height: 38px;
-    padding: 0 20px;
-    border: transparent 1px solid;
-    color: #9EABB3;
-    text-align: center;
-    font-size: 12px;
-    text-transform: uppercase;
-    line-height: 35px;
-    border-radius: 3px;
-    transition: all ease 0.3s;
 }
 .subscribe-button:before {
-    font-size: 9px;
-    margin-right: 6px;
-}
-
-/* Special styles when overlaid on an image*/
-.main-nav.overlay {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 70px;
-    border: none;
-    background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0)));
-    background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
-    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
-}
-.no-cover .main-nav.overlay {
-    background: none;
-}
-
-.main-nav.overlay a {
-    color: #fff;
-}
-
-.main-nav.overlay .back-button,
-.main-nav.overlay .subscribe-button {
-    border-color: #fff;
+    margin-right: 8px;
+    position: relative;
+    bottom: -2px;
 }
 
-.main-nav.overlay a:hover {
-    color: #222;
-    border-color: rgba(255,255,255,0.8);
-    background: rgba(255,255,255,0.8);
-    transition: all 0.1s ease;
-}
+/*
 
-/* Add a border to the buttons on hover */
+ Add a border to the buttons on hover
 .back-button:hover,
 .subscribe-button:hover {
     border-color: #bfc8cd;
     color: #9EABB3;
 }
+*/
 
 /* The details of your blog. Defined in ghost/settings/ */
 .page-title {
     margin: 10px 0 10px 0;
-    font-size: 5.6rem;
-    letter-spacing: -1px;
-    font-weight: 700;
-    font-family: Fira Sans "Open Sans", sans-serif;
-    color: #fff;
-}
-
-.page-description {
-    margin: 0;
-    font-size: 2.2rem;
-    line-height: 1.5em;
+    text-transform: none;
+    text-align: center;
     font-weight: 400;
-    font-family: Fira Sans, "Noto Serif", serif;
-    letter-spacing: 0;
-    color: rgba(255,255,255,0.8);
-}
-
-.no-cover.main-header {
-    min-height: 160px;
-    max-height: 40%;
-    background: #f5f8fa;
+    letter-spacing: 0 !important;
+/*    font-style: italic;*/
+    font-family: "Source Serif Pro";
 }
 
-.no-cover .page-title {
-    color: rgba(0,0,0,0.8);
-}
-
-.no-cover .page-description {
-    color: rgba(0,0,0,0.5);
+.page-description {
+  color:slategray;
+  margin: 0;
+  letter-spacing: 0;
 }
-
-.no-cover .main-nav.overlay .back-button,
-.no-cover .main-nav.overlay .subscribe-button {
-    color: rgba(0,0,0,0.4);
-    border-color: rgba(0,0,0,0.3);
+/*
+.page-title {
+    margin: 10px 0 10px 0;
+    text-align: center;
 }
 
-/* Add subtle load-in animation for content on the home page */
-.home-template .page-title {
-    -webkit-animation: fade-in-down 0.6s;
-    animation: fade-in-down 0.6s;
-    -webkit-animation-delay: 0.2s;
-    animation-delay: 0.2s;
-}
-.home-template .page-description {
-    -webkit-animation: fade-in-down 0.9s;
-    animation: fade-in-down 0.9s;
-    -webkit-animation-delay: 0.1s;
-    animation-delay: 0.1s;
+.page-description {
+  margin: 0;
+  letter-spacing: 0;
+  text-transform: none;
+  font-weight: 400;
+  font-style: italic;
+  font-family: "Alegreya";
 }
+*/
 
 /* Every post, on every page, gets this style on its <article> tag */
 .post {
     position: relative;
     width: 80%;
     max-width: 780px;
-    margin: 4rem auto;
-    padding-bottom: 4rem;
+    margin: 2rem auto;
+    padding-bottom: 2rem;
     border-bottom: #EBF2F6 1px solid;
     word-break: break-word;
     hyphens: auto;
@@ -787,16 +762,13 @@ margin on the iframe, cause it breaks stuff. */
     bottom: -5px;
     left: 50%;
     margin-left: -5px;
-    background: #FFF;
+    background: #fdfdfd;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
-    box-shadow: #FFF 0 0 0 5px;
+    box-shadow: #fdfdfd 0 0 0 5px;
 }
 
-body:not(.post-template) .post-title {
-    font-size: 4rem;
-}
 
 .post-title a {
     text-decoration: none;
@@ -804,26 +776,25 @@ body:not(.post-template) .post-title {
 
 .post-excerpt p {
     margin: 0;
-    font-weight: 300;
 }
 
-.post-content p{
-  font-weight: 300;
-}
 
 .post-content > p:first-child:first-letter{
-  font-size:350%;
-  margin:11px 0 -5px 0;
-  padding:0 .1em 0 0;
-  height:.7em;
-  line-height:.85em;
+  font-size:5rem;
+  margin:.7rem .5rem 0 0;
+/*  padding:-1px;*/
+  height:5rem;
+  line-height:1;
   float:left;
-  color:orange;
+  color:slategray;
   font-weight: 900;
-  *line-height:1em; /* IE7 Only */
+/*  font-family: Source Sans Pro;*/
+/*  text-shadow: .2rem .2rem 0 #BBC7CC;*/
+  *line-height:1rem; /* IE7 Only */
+  -webkit-margin-before: 0 !important;
+  -webkit-margin-after: -.2em !important;
 }
 
-
 .post-content > p:first-child:first-line{
   -moz-font-feature-settings: "smcp=1";
   -moz-font-feature-settings: "smcp";
@@ -838,11 +809,10 @@ body:not(.post-template) .post-title {
 }
 
 .post-meta {
+    font-family: "Source Sans Pro", Helvetica, sans-serif;
+    font-weight: 400;
     display: block;
-    margin: 2rem 0 0.6rem 0;
-    font-family: Fira Sans, "Open Sans", sans-serif;
-    font-size: 1.5rem;
-    line-height: 2.2rem;
+    margin: .5em 0 0 0;
     color: #9EABB3;
 }
 
@@ -855,7 +825,7 @@ body:not(.post-template) .post-title {
 }
 
 .post-meta a {
-    color: #9EABB3;
+    color: #999;
     text-decoration: none;
 }
 
@@ -871,11 +841,6 @@ body:not(.post-template) .post-title {
 
 .post-date {
     display: inline-block;
-    margin-left: 8px;
-    padding-left: 12px;
-    border-left: #d5dbde 1px solid;
-    text-transform: uppercase;
-    font-size: 1.3rem;
 }
 
 .user-image {
@@ -886,14 +851,11 @@ body:not(.post-template) .post-title {
 
 .user-name {
     display: block;
-    font-weight: 700;
 }
 
 .user-bio {
     display: block;
     max-width: 440px;
-    font-size: 1.4rem;
-    line-height: 1.5em;
 }
 
 .publish-meta {
@@ -906,13 +868,10 @@ body:not(.post-template) .post-title {
 
 .publish-heading {
     display: block;
-    font-weight: 700;
 }
 
 .publish-date {
     display: block;
-    font-size: 1.4rem;
-    line-height: 1.5em;
 }
 
 
@@ -920,16 +879,9 @@ body:not(.post-template) .post-title {
    5. Single Post - When you click on an individual post
    ========================================================================== */
 
-.post-template .post-header {
-   margin-bottom: 3.4rem;
-}
-
-.post-template .post-title {
-    margin-bottom: 0;
-}
-
-.post-template .post-meta {
-    margin: 0;
+.post-template .post-header{
+  margin-top: 1em;
+  margin-bottom: 1em;
 }
 
 .post-template .post-date {
@@ -938,6 +890,10 @@ body:not(.post-template) .post-title {
     border: none;
 }
 
+.post-template .post-meta{
+  margin: 1em 0;
+}
+
 /* Stop .full-img from creating horizontal scroll - slight hack due to
    imperfections with browser width % calculations and rounding */
 .post-template .content {
@@ -976,20 +932,17 @@ body:not(.post-template) .post-title {
 /* The author credit area after the post */
 .post-footer {
     position: relative;
-    margin: 6rem 0 0 0;
-    padding: 6rem 0 0 0;
+    margin: 4rem 0 0 0;
+    padding: 2rem 0 0 0;
     border-top: #EBF2F6 1px solid;
 }
 
 .post-footer h4 {
-    font-size: 1.8rem;
     margin: 0;
 }
 
 .post-footer p {
     margin: 1rem 0;
-    font-size: 1.4rem;
-    line-height: 1.6em;
 }
 
 /* list of author links - location / url */
@@ -997,9 +950,7 @@ body:not(.post-template) .post-title {
     padding: 0;
     margin: 0;
     list-style: none;
-    font-size: 1.4rem;
     line-height: 1;
-    font-style: italic;
     color: #9EABB3;
 }
 
@@ -1030,13 +981,13 @@ body:not(.post-template) .post-title {
    links remain at a fixed width the whole time */
 .post-footer .share {
     position: absolute;
-    top: 6rem;
+    top: 2rem;
     right: 0;
-    width: 140px;
+    margin-left: 3%;
+    width: 40;
 }
 
 .post-footer .share a {
-    font-size: 1.8rem;
     display: inline-block;
     margin: 1rem 1.6rem 1.6rem 0;
     color: #BBC7CC;
@@ -1047,102 +998,13 @@ body:not(.post-template) .post-title {
     color: #50585D;
 }
 
-/* The subscribe icon on the footer */
-.subscribe {
-    width: 28px;
-    height: 28px;
-    position: absolute;
-    top: -14px;
-    left: 50%;
-    margin-left: -15px;
-    border: #EBF2F6 1px solid;
-    text-align: center;
-    line-height: 2.4rem;
-    border-radius: 50px;
-    background: #FFF;
-    transition: box-shadow 0.5s;
-}
-
-/* The RSS icon, inserted via icon font */
-.subscribe:before {
-    color: #D2DEE3;
-    font-size: 10px;
-    position: absolute;
-    top: 2px;
-    left: 9px;
-    font-weight: 700;
-    transition: color 0.5s ease;
-}
-
-/* Add a box shadow to on hover */
-.subscribe:hover {
-    box-shadow: rgba(0,0,0,0.05) 0 0 0 3px;
-    transition: box-shadow 0.25s;
-}
-
-.subscribe:hover:before {
-    color: #50585D;
-}
-
-/* CSS tooltip saying "Subscribe!" - initially hidden */
-.tooltip {
-    opacity: 0;
-    display: block;
-    width: 53px;
-    padding: 4px 8px 5px 8px;
-    position:absolute;
-    top: -23px;
-    left: -21px;
-    color: rgba(255,255,255,0.9);
-    font-size: 1.1rem;
-    line-height: 1em;
-    text-align: center;
-    background: #50585D;
-    border-radius: 20px;
-    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
-    transition: opacity 0.3s ease, top 0.3s ease;
-}
 
-/* The little chiclet arrow under the tooltip, pointing down */
-.tooltip:after {
-    content: " ";
-    border-width: 5px 5px 0 5px;
-    border-style: solid;
-    border-color: #50585D transparent;
-    display: block;
-    position: absolute;
-    bottom: -4px;
-    left: 50%;
-    margin-left: -5px;
-    z-index: 220;
-    width: 0;
-}
 
-/* On hover, show the tooltip! */
-.subscribe:hover .tooltip {
-    opacity: 1;
-    top: -33px;
-}
 
 /* ==========================================================================
    6. Author profile
    ========================================================================== */
 
-.tag-head.main-header {
-    height: 40%;
-    min-height: 180px;
-}
-
-.author-head.main-header {
-    height: 40%;
-    min-height: 180px;
-}
-
-.no-cover.author-head.main-header {
-    height: 10%;
-    min-height: 100px;
-    background: transparent;
-}
 
 .author-profile {
     padding: 0 15px 5rem 15px;
@@ -1213,9 +1075,6 @@ body:not(.post-template) .post-title {
 }
 
 .author-bio {
-    font-size: 1.8rem;
-    line-height: 1.5em;
-    font-weight: 200;
     color: #50585D;
     letter-spacing: 0;
     text-indent: 0;
@@ -1227,8 +1086,6 @@ body:not(.post-template) .post-title {
 /* Location, website, and link */
 .author-profile .author-meta {
     margin: 2rem 0;
-    font-family: Fira Sans, "Noto Serif", serif;
-    font-size: 1.7rem;
 }
 .author-meta span {
     display: inline-block;
@@ -1252,11 +1109,9 @@ body:not(.post-template) .post-title {
 /* Github */
 .gist table {
     margin: 0;
-    font-size: 1.4rem;
 }
 .gist .line-number {
     min-width: 25px;
-    font-size: 1.1rem;
 }
 
 
@@ -1269,9 +1124,7 @@ body:not(.post-template) .post-title {
     position: relative;
     width: 80%;
     max-width: 780px;
-    margin: 4rem auto;
-    font-family: Fira Sans, "Open Sans", sans-serif;
-    font-size: 1.3rem;
+    margin: 2em auto -1em auto;
     color: #9EABB3;
     text-align: center;
 }
@@ -1316,6 +1169,7 @@ body:not(.post-template) .post-title {
 .extra-pagination {
     display: none;
     border-bottom: #EBF2F6 1px solid;
+    padding-bottom: 2em;
 }
 .extra-pagination:after {
     display: block;
@@ -1327,11 +1181,11 @@ body:not(.post-template) .post-title {
     bottom: -5px;
     left: 50%;
     margin-left: -5px;
-    background: #FFF;
+    background: #fdfdfd;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
-    box-shadow: #FFF 0 0 0 5px;
+    box-shadow: #fdfdfd 0 0 0 5px;
 }
 .extra-pagination .pagination {
     width: auto;
@@ -1352,60 +1206,106 @@ body:not(.post-template) .post-title {
    9. Footer - The bottom of every page
    ========================================================================== */
 
+
 .site-footer {
-    position: relative;
-    margin: 8rem 0 0 0;
-    padding: 0.5rem 15px;
-    border-top: #EBF2F6 1px solid;
-    font-family: Fira Sans, "Open Sans", sans-serif;
-    font-size: 1rem;
-    line-height: 1.7em;
-    color: #BBC7CC;
+  position: relative;
+  margin: 4rem 0 0 0;
+  padding: 2.5rem 0 2rem 0;
+  border-top: #EBF2F6 1px solid;
+  color: #BBC7CC;
+  text-align: center;
+  background: #F7FAFB;
 }
 
-.site-footer a {
-    color: #BBC7CC;
-    text-decoration: none;
-    font-weight: bold;
+.site-footer a{
+  color:#999;
+  text-decoration: none;
 }
 
-.site-footer a:hover {
-    color: #50585D;
+/* The subscribe icon on the footer */
+.subscribe {
+  width: 28px;
+  height: 28px;
+  position: absolute;
+  top: -14px;
+  left: 50%;
+  margin-left: -15px;
+  border: #EBF2F6 1px solid;
+  text-align: center;
+  line-height: 2.4rem;
+  border-radius: 50px;
+  background: #FFF;
+  transition: box-shadow 0.5s;
 }
 
-.poweredby {
-    display: block;
-    width: 45%;
-    float: right;
-    text-align: right;
+/* The RSS icon, inserted via icon font */
+.subscribe:before {
+  color: #D2DEE3;
+  font-size: 10px;
+  position: absolute;
+  top: 9px;
+  left: 9px;
+  font-weight: 700;
+  transition: color 0.5s ease;
 }
 
-.copyright {
-    display: block;
-    width: 45%;
-    float: left;
+/* Add a box shadow to on hover */
+.subscribe:hover {
+  box-shadow: rgba(0,0,0,0.05) 0 0 0 3px;
+  transition: box-shadow 0.25s;
+}
+
+.subscribe:hover:before {
+  color: #50585D;
+}
+
+/* CSS tooltip saying "Subscribe!" - initially hidden */
+.tooltip {
+  opacity: 0;
+  display: inline-block;
+  padding: 4px 8px 5px 8px;
+  position:absolute;
+  top: -35px;
+  left: -38px;
+  color: rgba(255,255,255,0.9);
+  font-size: 1.1rem;
+  line-height: 1em;
+  text-align: center;
+  background: #50585D;
+  border-radius: 20px;
+  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
+  transition: opacity 0.3s ease, top 0.3s ease;
+}
+
+/* The little chiclet arrow under the tooltip, pointing down */
+.tooltip:after {
+  content: " ";
+  border-width: 5px 5px 0 5px;
+  border-style: solid;
+  border-color: #50585D transparent;
+  display: block;
+  position: absolute;
+  bottom: -4px;
+  left: 50%;
+  margin-left: -5px;
+  z-index: 220;
+  width: 0;
+}
+
+/* On hover, show the tooltip! */
+.subscribe:hover .tooltip {
+opacity: 1;
+top: -33px;
 }
 
 
+
 /* ==========================================================================
    10. Media Queries - Smaller than 1600px
    ========================================================================== */
 
 @media only screen and (max-width: 1600px) {
 
-    .page-title {
-        font-size: 5rem;
-    }
-
-    .page-description {
-        font-size: 2rem;
-        line-height: 1.5em;
-    }
-
-    .post {
-        font-size: 0.9em;
-        line-height: 1.65em;
-    }
 
     p, ul, ol, dl {
         margin: 0 0 1.65em 0;
@@ -1422,33 +1322,7 @@ body:not(.post-template) .post-title {
         margin: 0 0 0.4em 0;
     }
 
-    h1 {
-        font-size: 5rem;
-    }
 
-    h2 {
-        font-size: 4rem;
-    }
-
-    h3 {
-        font-size: 3.5rem;
-    }
-
-    h4 {
-        font-size: 2.8rem;
-    }
-
-    h5 {
-        font-size: 2.5rem;
-    }
-
-    h6 {
-        font-size: 2rem;
-    }
-
-    body:not(.post-template) .post-title {
-        font-size: 3.6rem;
-    }
 
 }
 
@@ -1459,110 +1333,48 @@ body:not(.post-template) .post-title {
 
 @media only screen and (max-width: 900px) {
 
+  html{
+    font-size:80%;
+  }
+
+  body{
+    font-size:18px;
+  }
+
     .main-nav {
-        padding: 15px;
+        padding: 1em 0;
     }
 
     blockquote {
         margin-left: 0;
     }
 
+    aside{
+      width:100%;
+      float:none;
+      margin:3% 0;
+    }
+
     .main-header {
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         height: auto;
-        min-height: 240px;
-        height: 60%;
-        padding: 15% 0;
     }
 
-    .scroll-down { display: none; }
-
-    .archive-template .main-header {
-        min-height: 180px;
-        padding: 10% 0;
-    }
 
     .blog-logo img {
         padding: 4px 0;
     }
 
-    .page-title {
-        font-size: 4rem;
-        letter-spacing: -1px;
-    }
-
-    .page-description {
-        font-size: 1.8rem;
-        line-height: 1.5em;
-    }
-
-    .post {
-        font-size: 0.8em
-    }
-
-    body:not(.post-template) .post-title {
-        font-size: 3.2rem;
-    }
-
     hr {
         margin: 2.4em 0;
     }
 
-    ol, ul {
-        padding-left: 2em;
-    }
-
-    h1 {
-        font-size: 4.5rem;
-        text-indent: -2px;
-    }
-
-    h2 {
-        font-size: 3.6rem;
-    }
-
-    h3 {
-        font-size: 3.1rem;
-    }
-
-    h4 {
-        font-size: 2.5rem;
-    }
-
-    h5 {
-        font-size: 2.2rem;
-    }
-
-    h6 {
-        font-size: 1.8rem;
-    }
-
-    .author-profile {
-        padding-bottom: 4rem;
-    }
-
-    .author-profile .author-bio {
-        font-size: 1.6rem;
-    }
-
     .author-meta span {
         display: block;
         margin: 1.5rem 0;
     }
-    .author-profile .author-meta span {
-        font-size: 1.6rem;
-    }
-
-    .tag-head.main-header,
-    .author-head.main-header {
-        height: 30%;
-    }
-
-    .no-cover.author-head.main-header {
-        padding: 0;
-    }
 
 }
 
@@ -1573,13 +1385,12 @@ body:not(.post-template) .post-title {
 
 @media only screen and (max-width: 500px) {
 
-    .main-header {
-        margin-bottom: 0;
-        height: 40%;
+    html{
+      font-size:55%;
     }
 
-    .no-cover.main-header {
-        height: 30%;
+    body{
+      font-size:16px;
     }
 
     .archive-template .main-header {
@@ -1590,6 +1401,7 @@ body:not(.post-template) .post-title {
 
     .main-nav {
         padding: 0;
+padding-left: 1.1em;
         margin-bottom: 2rem;
         border-bottom: #e0e4e7 1px solid;
     }
@@ -1602,47 +1414,6 @@ body:not(.post-template) .post-title {
         height: 26px;
     }
 
-    .back-button,
-    .subscribe-button {
-        height: 44px;
-        line-height: 41px;
-        border-radius: 0;
-        color: #2e2e2e;
-    }
-    .back-button:hover,
-    .subscribe-button:hover {
-        border-color: #ebeef0;
-        color: #2e2e2e;
-        background: #ebeef0;
-    }
-
-    .back-button {
-        padding: 0 15px 0 10px;
-    }
-
-    .subscribe-button {
-        padding: 0 12px;
-    }
-
-    .main-nav.overlay a:hover {
-        color: #fff;
-        border-color: transparent;
-        background: transparent;
-    }
-
-    .no-cover .main-nav.overlay {
-        background: none;
-    }
-    .no-cover .main-nav.overlay .back-button,
-    .no-cover .main-nav.overlay .subscribe-button {
-        border: none;
-    }
-
-    .main-nav.overlay .back-button,
-    .main-nav.overlay .subscribe-button {
-        border-color: transparent;
-    }
-
     .blog-logo img {
         max-height: 80px;
     }
@@ -1660,7 +1431,6 @@ body:not(.post-template) .post-title {
         margin-left: 16px;
         margin-right: 16px;
         padding-bottom: 2rem;
-        line-height: 1.55em;
     }
 
     .post-date {
@@ -1680,53 +1450,14 @@ body:not(.post-template) .post-title {
     }
 
     p, ul, ol, dl {
-        font-size: 0.95em;
         margin: 0 0 2rem 0;
     }
 
-    .page-title {
-        font-size: 3rem;
-    }
-
-    .page-description {
-        font-size: 1.6rem;
-    }
-
     h1, h2, h3,
     h4, h5, h6 {
         margin: 0 0 0.3em 0;
     }
 
-    h1 {
-        font-size: 3rem;
-        letter-spacing: -1px;
-    }
-
-    h2 {
-        font-size: 2.6rem;
-        letter-spacing: 0;
-    }
-
-    h3 {
-        font-size: 2.4rem;
-    }
-
-    h4 {
-        font-size: 2.1rem;
-    }
-
-    h5 {
-        font-size: 1.9rem;
-    }
-
-    h6 {
-        font-size: 1.7rem;
-    }
-
-    body:not(.post-template) .post-title {
-        font-size: 2.6rem;
-    }
-
     .post-template .post {
         padding-bottom: 0;
         margin-bottom: 0;
@@ -1748,10 +1479,6 @@ body:not(.post-template) .post-title {
         max-width: 112%; /* fallback when calc doesn't work */
     }
 
-    .post-meta {
-        font-size: 1.3rem;
-    }
-
     .post-footer {
         padding: 5rem 0 3rem 0;
         text-align: center;
@@ -1792,96 +1519,73 @@ body:not(.post-template) .post-title {
         display: block;
     }
 
-    .site-footer {
-        margin-top: 3rem;
-    }
-
-    .author-profile {
-        padding-bottom: 2rem;
-    }
-
-    .tag-head.main-header,
-    .author-head.main-header {
-        height: 20%;
-    }
-
     .author-profile .author-image {
         margin-top: -70px;
     }
 
-    .author-profile .author-meta span {
-        font-size: 1.5rem;
-    }
-
     .archive-template .main-header .page-description {
         display: none;
     }
 
+    .post-content > p:first-child:first-letter{
+      font-size:6.5rem;
+      margin:.7rem .5rem 0 0;
+      padding:0;
+      height:5rem;
+      line-height:1;
+      float:left;
+      color:slategray;
+      font-weight: 900;
+      *line-height:1rem; /* IE7 Only */
+      -webkit-margin-before: 0 !important;
+      -webkit-margin-after:-.1em !important;
+    }
+
 }
 
 
-/* ==========================================================================
-   13. Animations
-   ========================================================================== */
+@media print{
 
-/* Used to fade in title/desc on the home page */
-@-webkit-keyframes fade-in-down {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateY(-10px);
-        transform: translateY(-10px);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        transform: translateY(0);
-    }
-}
-@keyframes fade-in-down {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateY(-10px);
-        transform: translateY(-10px);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        transform: translateY(0);
-    }
-}
+  html{
+    font-size: 55%;
+  }
 
-/* Used to bounce .scroll-down on home page */
-@-webkit-keyframes bounce {
-    0%, 10%, 25%, 40%, 50% {
-        -webkit-transform: translateY(0) rotate(-90deg);
-                transform: translateY(0) rotate(-90deg);
-    }
-    20% {
-        -webkit-transform: translateY(-10px) rotate(-90deg);
-                transform: translateY(-10px) rotate(-90deg);
-    }
-    30% {
-        -webkit-transform: translateY(-5px) rotate(-90deg);
-                transform: translateY(-5px) rotate(-90deg);
-    }
-}
-@keyframes bounce {
-    0%, 20%, 50%, 80%, 100% {
-        -webkit-transform: translateY(0) rotate(-90deg);
-                transform: translateY(0) rotate(-90deg);
-    }
-    40% {
-        -webkit-transform: translateY(-10px) rotate(-90deg);
-                transform: translateY(-10px) rotate(-90deg);
-    }
-    60% {
-        -webkit-transform: translateY(-5px) rotate(-90deg);
-                transform: translateY(-5px) rotate(-90deg);
-    }
+  body {
+    font: 14px "Source Serif Pro", Georgia, serif;
+    line-height: 1.6;
+    color: #000;
+  }
+
+  .post, .inner{
+    width:90%;
+  }
+
+/*
+  p a:after {
+    content: " [ " attr(href) " ] ";
+    font-size: 50%;
+    word-wrap: break-word;
+    color: #999;
+    text-decoration: none !important;
 }
+*/
 
+/*
+  p a[href^="http://"]:after, p a[href^="https://"]:after {
+    content: " [ " attr(href) " ]";
+  }
+*/
 
-/* ==========================================================================
-   End of file. Animations should be the last thing here. Do not add stuff
-   below this point, or it will probably fuck everything up.
-   ========================================================================== */
+  q:after {content: " (" attr(cite) ")"}
+
+/*
+// Uncomment for an even leaner print style
+  .post-footer,
+  .site-footer,
+*/
+  .site-footer span:not(.print-data),
+  .subscribe,
+  .share{
+    display: none;
+  }
+}
diff --git a/assets/img/ghost-icon.svg b/assets/img/ghost-icon.svg
new file mode 100644
index 0000000..0046351
--- /dev/null
+++ b/assets/img/ghost-icon.svg
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="18"
+   height="18"
+   id="svg3032"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="ghost-icon.svg">
+  <defs
+     id="defs3034" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.60043104"
+     inkscape:cx="-225.49897"
+     inkscape:cy="-68.504902"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1366"
+     inkscape:window-height="744"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata3037">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-221.83883,-289.55371)">
+    <g
+       style="opacity:0.7;fill:#212425;fill-opacity:1"
+       transform="matrix(0.22704337,0,0,0.22711214,196.37069,265.7301)"
+       id="g11">
+      <rect
+         style="fill:#212425;fill-opacity:1"
+         x="112.197"
+         y="168.302"
+         width="31.702999"
+         height="15.852"
+         id="rect13" />
+      <rect
+         style="fill:#212425;fill-opacity:1"
+         x="159.75"
+         y="168.302"
+         width="31.683001"
+         height="15.852"
+         id="rect15" />
+      <rect
+         style="fill:#212425;fill-opacity:1"
+         x="112.173"
+         y="136.599"
+         width="79.269997"
+         height="15.852"
+         id="rect17" />
+      <rect
+         style="fill:#212425;fill-opacity:1"
+         x="112.197"
+         y="104.898"
+         width="47.558998"
+         height="15.851"
+         id="rect19" />
+      <rect
+         style="fill:#212425;fill-opacity:1"
+         x="175.60201"
+         y="104.898"
+         width="15.851"
+         height="15.851"
+         id="rect21" />
+    </g>
+  </g>
+</svg>
diff --git a/author.hbs b/author.hbs
index b94cdfb..a341b7c 100644
--- a/author.hbs
+++ b/author.hbs
@@ -5,7 +5,7 @@
 
 {{! Everything inside the #author tags pulls data from the author }}
 {{#author}}
-    <header class="main-header author-head {{#if cover}}" style="background-image: url({{cover}}){{else}}no-cover{{/if}}">
+    <header class="main-header author-head">
         <nav class="main-nav overlay clearfix">
             <a class="back-button icon-arrow-left" href="{{@blog.url}}">Home</a>
             <a class="subscribe-button icon-feed" href="{{url}}rss/">{{name}}</a>
@@ -19,7 +19,7 @@
         </figure>
         {{/if}}
         <h1 class="author-title">{{name}}</h1>
-        <h2 class="author-bio">{{bio}}</h2>
+        <em class="author-bio">{{bio}}</em>
         <div class="author-meta">
             {{#if location}}<span class="author-location icon-location">{{location}}</span>{{/if}}
             {{#if website}}<span class="author-link icon-link"><a href="{{website}}">{{website}}</a></span>{{/if}}
@@ -34,4 +34,4 @@
     {{! The tag below includes the post loop - partials/loop.hbs }}
     {{> "loop"}}
 
-</main>
\ No newline at end of file
+</main>
diff --git a/default.hbs b/default.hbs
index 7f861f1..66f500e 100644
--- a/default.hbs
+++ b/default.hbs
@@ -17,7 +17,7 @@
     {{! Styles'n'Scripts }}
     <link rel="stylesheet" type="text/css" href="{{asset "css/screen.css"}}" />
     <link rel="stylesheet" type="text/css" href="{{asset "css/prism.min.css"}}" />
-    <link rel="stylesheet" href="//brick.a.ssl.fastly.net/Fira+Sans:300,400,500,700,300i,400i,500i,700i">
+    <link rel="stylesheet" href="//brick.a.ssl.fastly.net/Source+Serif+Pro:400,700/Source+Sans+Pro:400,900,400i,900i/Alegreya:400i,700i">
 
     {{! Ghost outputs important style and meta data with this tag }}
     {{ghost_head}}
@@ -27,9 +27,25 @@
     {{! Everything else gets inserted here }}
     {{{body}}}
 
-    <footer class="site-footer clearfix">
-         <section class="copyright"><a href="{{@blog.url}}">{{@blog.title}}</a> &copy; {{date format="YYYY"}}</section>
-         <section class="poweredby">Proudly published with <a href="https://ghost.org">Ghost</a></section>
+    <footer class="site-footer">
+      <a class="subscribe icon-feed" href="{{@blog.url}}/rss/"><span class="tooltip">Subscribe!</span></a>
+
+      <div class="inner">
+        <section>
+          <span class="print-data">
+            &copy; {{date format="YYYY"}}
+            <a href="{{@blog.url}}/">{{@blog.title}}</a>
+          </span>
+          <span> &bull; Proudly published with
+            <a href="https://ghost.org"><span class="icon-ghost zeta"></span></a>           </span>
+          <br>
+          <span>
+            <a href="http://github.com/omphalosskeptic/mnml">mnml</a>
+            theme by
+            <a href="http://omphalosskeptic.github.io">omphalosskeptic.</a>
+          </span>
+        </section>
+      </div>
     </footer>
 
     {{! Ghost outputs important scripts and data with this tag }}
@@ -39,6 +55,16 @@
     <script type="text/javascript" src="{{asset "js/jquery.fitvids.js"}}"></script>
     <script type="text/javascript" src="{{asset "js/index.js"}}"></script>
     <script type="text/javascript" src="{{asset "js/prism.min.js"}}"></script>
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+      ga('create', 'UA-55383286-1', 'auto');
+      ga('send', 'pageview');
+
+    </script>
 
 </body>
 </html>
diff --git a/index.hbs b/index.hbs
index 80cf642..b315f86 100644
--- a/index.hbs
+++ b/index.hbs
@@ -2,18 +2,14 @@
 {{! The tag above means - insert everything in this file into the {body} of the default.hbs template }}
 
 {{! The big featured header }}
-<header class="main-header {{#if @blog.cover}}" style="background-image: url({{@blog.cover}}){{else}}no-cover{{/if}}">
-    <nav class="main-nav overlay clearfix">
+<header class="main-header">
+    <nav class="main-nav clearfix">
         {{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="Blog Logo" /></a>{{/if}}
-        <a class="subscribe-button icon-feed" href="{{@blog.url}}/rss/">Subscribe</a>
     </nav>
-    <div class="vertical">
         <div class="main-header-content inner">
-            <h1 class="page-title">{{@blog.title}}</h1>
-            <h2 class="page-description">{{@blog.description}}</h2>
+            <h1 class="page-title"> {{@blog.title}}</h1>
+            <h2 class="page-description delta">{{@blog.description}}</h2>
         </div>
-    </div>
-    <a class="scroll-down icon-arrow-left" href="#content" data-offset="-45"><span class="hidden">Scroll Down</span></a>
 </header>
 
 {{! The main content area on the homepage }}
@@ -22,4 +18,4 @@
     {{! The tag below includes the post loop - partials/loop.hbs }}
     {{> "loop"}}
 
-</main>
\ No newline at end of file
+</main>
diff --git a/package.json b/package.json
index 456369e..cea614f 100644
--- a/package.json
+++ b/package.json
@@ -1,4 +1,4 @@
 {
   "name": "Mnml",
-  "version": "1.0.0"
+  "version": "2.0.0"
 }
diff --git a/partials/loop.hbs b/partials/loop.hbs
index b2c1f82..356c682 100644
--- a/partials/loop.hbs
+++ b/partials/loop.hbs
@@ -7,16 +7,18 @@
 {{#foreach posts}}
 <article class="{{post_class}}">
     <header class="post-header">
-        <h2 class="post-title"><a href="{{url}}">{{{title}}}</a></h2>
+        <h2 class="post-title gamma"><a href="{{url}}">{{{title}}}</a></h2>
     </header>
     <section class="post-excerpt">
-        <p>{{excerpt words="30"}} <a class="read-more" href="{{url}}">&raquo;</a></p>
+        <p>{{excerpt words="30"}} <span style="color:#ccc;">…</span><a class="read-more" href="{{url}}"> Read more &raquo;</a></p>
     </section>
     <footer class="post-meta">
-        {{#if author.image}}<img class="author-thumb" src="{{author.image}}" alt="Author image" nopin="nopin" />{{/if}}
-        {{author}}
-        {{tags prefix=" on "}} 
-        <time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMMM YYYY"}}</time> 
+        <small>
+<!--        {{#if author.image}}<img class="author-thumb" src="{{author.image}}" alt="Author image" nopin="nopin" />{{/if}}-->
+        Published by {{author}} on
+        <time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">{{date format="Do MMMM YYYY"}}</time> &bull;
+        {{tags prefix=" Tagged: "}}
+        </small>
     </footer>
 </article>
 {{/foreach}}
diff --git a/post.hbs b/post.hbs
index 3d19770..e533d6f 100644
--- a/post.hbs
+++ b/post.hbs
@@ -4,8 +4,13 @@
     the {body} of the default.hbs template, which contains our header/footer. }}
 
 <nav class="main-nav clearfix">
-    <a class="back-button icon-arrow-left" href="{{@blog.url}}">Home</a>
-    <a class="subscribe-button icon-feed" href="{{@blog.url}}/rss/">Subscribe</a>
+<!--    <a class="back-button icon-arrow-left" href="{{@blog.url}}">Home</a>-->
+        <div class="main-header-content inner ">
+           <a href="{{@blog.url}}">
+
+            <h3 style="position:relative;right:1em;color:#555;"><span style="color:#ccc;font-weight:400;position:relative;bottom:2px;">← </span>{{@blog.title}}</h3>
+            </a>
+        </div>
 </nav>
 
 <main class="content" role="main">
@@ -15,9 +20,9 @@
     {{#post}}
 
         <header class="post-header">
-            <h1 class="post-title">{{title}}</h1>
+            <h1 class="post-title beta">{{title}}</h1>
             <section class="post-meta">
-                <time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMMM YYYY"}}</time> {{tags prefix=" on "}}
+                <time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">Published on {{date format="DD MMMM YYYY"}}</time> — {{tags prefix=" tagged "}}
             </section>
         </header>
 
diff --git a/tag.hbs b/tag.hbs
index 43f53cf..5342c12 100644
--- a/tag.hbs
+++ b/tag.hbs
@@ -2,17 +2,16 @@
 {{! The tag above means - insert everything in this file into the {body} of the default.hbs template }}
 
 {{! The big featured header }}
-<header class="main-header tag-head {{#if @blog.cover}}" style="background-image: url({{@blog.cover}}){{else}}no-cover{{/if}}">
+<header class="main-header tag-head">
     <nav class="main-nav overlay clearfix">
         <a class="back-button icon-arrow-left" href="{{@blog.url}}">Home</a>
         <a class="subscribe-button icon-feed" href="{{@blog.url}}/tag/{{tag.slug}}/rss/">{{tag.name}}</a>
     </nav>
-    <div class="vertical">
-        <div class="main-header-content inner">
-            <h1 class="page-title">{{tag.name}}</h1>
-            <h2 class="page-description">A {{pagination.total}}-post collection</h2>
-        </div>
-    </div>
+
+      <div class="main-header-content inner">
+          <h1 class="page-title">{{tag.name}}</h1>
+          <h2 class="page-description delta">A {{pagination.total}}-post collection</h2>
+      </div>
 </header>
 
 {{! The main content area on the homepage }}
@@ -21,4 +20,4 @@
     {{! The tag below includes the post loop - partials/loop.hbs }}
     {{> "loop"}}
 
-</main>
\ No newline at end of file
+</main>