diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..5536224
Binary files /dev/null and b/favicon.ico differ
diff --git a/index.html b/index.html
index 04736cc..baac9e2 100644
--- a/index.html
+++ b/index.html
@@ -4,15 +4,18 @@
     <meta charset="utf-8">
     <meta name="viewport" content="initial-scale=1, width=device-width">
     <title>Normalize.css: Make browsers render all elements more consistently.</title>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700">
+    <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:700' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
     <link rel="stylesheet" href="3.0.3/normalize.css">
     <link rel="stylesheet" href="main.css">
+    <link rel="icon" href="favicon.ico">
   </head>
   <body>
     <div class="container">
       <div class="site-box">
         <div class="hgroup">
-          <h1 class="logo">Normalize.css</h1>
+          <img class="logo" src="logo.svg" alt="Normalize.css">
+          <h1 class="title">Normalize.css</h1>
           <h2 class="tagline">A modern, HTML5-ready alternative to CSS resets</h2>
         </div>
 
diff --git a/logo.svg b/logo.svg
new file mode 100644
index 0000000..9e6ca0d
--- /dev/null
+++ b/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="70" width="70"><path d="M35 0l35 35-35 35L0 35z" fill="#e3695f"/><path d="M24.58 18.553v14.77L8.884 35.378l20.587 2.695V32.49l15.95 18.956v-14.77l15.697-2.054-20.587-2.695v5.58L24.58 18.553z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/main.css b/main.css
index e282e15..41a08f3 100644
--- a/main.css
+++ b/main.css
@@ -1,5 +1,5 @@
 html {
-  background: #f7f7f7;
+  background: #fff;
   color: #333;
   font: 16px/1.4 Open Sans, Helvetica, Arial, sans-serif;
 }
@@ -11,7 +11,7 @@ body {
 }
 
 a {
-  color: #069;
+  color: #e3695f;
   text-decoration: none;
 }
 
@@ -24,6 +24,7 @@ a:active {
 h1,
 h2 {
   line-height: 1.2;
+  font-family: 'Source Sans Pro', sans-serif;
 }
 
 p {
@@ -34,10 +35,10 @@ p {
 
 .site-box {
   padding: 40px 60px 0;
-  border: 1px solid #ccc;
   margin: 0 0 3em;
   background: #fff;
   text-align: center;
+  box-shadow: 2px 4px 6px 1px rgba(50, 50, 50, 0.14);
 }
 
 .site-footer {
@@ -46,12 +47,12 @@ p {
 }
 
 .logo {
-  margin: 0 0 1em;
-  font-size: 2.375em;
-  color: #69a619;
-  text-transform: lowercase;
-  text-shadow: 1px 1px 0 #304d08;
-  text-decoration: none;
+  width: 10rem;
+}
+
+.title {
+  margin-bottom: 40px;
+  font-size: 2.6em;
 }
 
 .tagline {
@@ -86,12 +87,11 @@ p {
   *zoom: 1;
 
   padding: 0.4em 1em;
-  border: 1px solid #5e9612;
+  border: 1px solid #e3695f;
   margin: 0 0 10px;
   color: #fff;
-  background: #69a619;
+  background: #e3695f;
   border-radius: 4px;
-  box-shadow: 0 2px 5px -2px #111, inset 0 2px 5px 0 rgba(255, 255, 255, 0.3);
   font-size: 1.5em;
   text-align: center;
   text-decoration: none;
@@ -101,15 +101,9 @@ p {
 .btn-download:hover,
 .btn-download:focus,
 .btn-download:active {
-  background: #6ead1a;
   text-decoration: none;
 }
 
-.btn-download:active {
-  box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.2);
-  background: #5d9117;
-}
-
 /**
  * Alternative download button
  *
@@ -143,7 +137,7 @@ p {
   padding: 15px 30px;
   border-top: 1px solid #ddd;
   margin: 50px -60px 0;
-  background: #eee;
+  background: #fff;
   line-height: 28px;
   *zoom: 1;
 }
