4 files changed, 18 insertions, 17 deletions
diff --git a/_sass/_brand.scss b/_sass/_brand.scss
index 845deac..9d9eb63 100644
--- a/_sass/_brand.scss
+++ b/_sass/_brand.scss
@@ -8,6 +8,11 @@ header, footer, main {
   @extend .container;
 }
 
+main {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
 a {
   color: $teal;
   transition: color 0.4s ease, background-color 0.4s ease;
@@ -20,7 +25,7 @@ a {
 
 kbd {
   border-style: solid;
-  border-color: $gray;
+  border-color: $light-gray;
   border-width: 1px 1px 2px 1px;
   border-radius: 4px;
   font-size: 0.8rem;
@@ -42,7 +47,7 @@ header nav a {
 
 time {
   color: $light-gray;
-  font-family: $monospace;
+  font-style: italic;
 }
 
 hr {
diff --git a/_sass/_respond.scss b/_sass/_respond.scss
index 1acbecc..863767a 100644
--- a/_sass/_respond.scss
+++ b/_sass/_respond.scss
@@ -1,7 +1,6 @@
 // Set up default container
 .container {
   display: block;
-  width: 100%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0;
@@ -30,15 +29,15 @@
 }
 
 // Set a layout breakpoint at 768px for tablets
-@media only screen and (min-width: 768px) and (max-width: 899px) {
+@media only screen and (min-width: 768px) and (max-width: 799px) {
   .container {
     width: 768px;
   }
 }
 
 // Set a layout breakpoint at 900px for desktops
-@media only screen and (min-width: 900px) {
+@media only screen and (min-width: 800px) {
   .container {
-    width: 900px;
+    width: 800px;
   }
 }
diff --git a/_sass/_typography.scss b/_sass/_typography.scss
index aa0e6b2..fedcdb2 100644
--- a/_sass/_typography.scss
+++ b/_sass/_typography.scss
@@ -1,8 +1,7 @@
 body {
-  line-height: 1.8;
+  line-height: 2.2;
 }
 
-
 h1, h2, h3, h4, h5, h6 {
   font-family: $sans;
   font-weight: 200;
@@ -11,8 +10,8 @@ h1, h2, h3, h4, h5, h6 {
 
 h1 {
   font-size: 2rem;
-  margin-top: 1rem;
-  margin-bottom: 1rem;
+  margin-top: 2.5rem;
+  margin-bottom: 1.5rem;
 }
 
 h2 {
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
index e65b8a8..79edd32 100644
--- a/_sass/_variables.scss
+++ b/_sass/_variables.scss
@@ -1,13 +1,11 @@
 // Colors
-$teal: #00819C;
-$gray: darken(desaturate($teal, 100%), 10%);
-$light-gray: lighten($gray, 30%);
+$teal: #00819B;
+$gray: #40434E;
+$light-gray: lighten($gray, 21%);
 $highlight: #ffd;
+$white: #fff;
 
 // Fonts
 $sans: 'open_sans', sans-serif;
-$serif: 'crimson_text', serif;
+$serif: 'merriweather', serif;
 $monospace: 'source_code_pro', monospace;
-
-// Layout
-$container-width: 900px;