diff --git a/css/style.css b/css/style.css
index 736bb46..d2bffe1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,46 +1,78 @@
 .title, .text {
-    text-align: center;
-    font-family: -apple-system, 'BlinkyMacSystemFont', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    font-family: 'Raleway', sans-serif;
 }
 
-.content {
-    margin-top: 50px;
+.title {
+    font-weight: 600;
+    display: inline-block;
+    float: left;
+    margin: 0;
+}
+
+.text {
+    font-weight: 300;
+}
+
+#content {
+    text-align: center;
+    font-size: 14pt;
+}
+
+body {
+    background-color: #f1f1f1;
 }
 
 nav {
-    background: #1e1e1e;
-    border-radius: 5px;
-    padding-top: 5px;
-    padding-bottom: 5px;
-    margin-left: 200px;
-    margin-right: 200px;
-    margin-top: -5px;
+    padding: 50;
+    padding-bottom: 100;
+    font-size: 14pt;
 }
 
-nav a {
-    border: solid 1px;
-    border-radius: 5px;
-    padding: 3px;
-    color: #f7f7f7;
+ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: inline-block;
+    float: right;
+}
+
+li a {
+    padding-left: 20;
+    color: black;
     text-decoration: none;
 }
 
-nav a:hover {
-    color: #1e1e1e;
-    background: #f7f7f7;
+li a:hover {
+    color: #e08283;
+    -o-transition:.2s;
+    -ms-transition:.2s;
+    -moz-transition:.2s;
+    -webkit-transition:.2s;
+    transition:.2s;
 }
 
-nav a.active {
-    color: #1e1e1e;
-    background: #f7f7f7;
+li a.active {
+    color: #e08283;
 }
 
-hr {
-    margin-top: 50px;
-    margin-bottom: 100px;
-    margin-left: 100px;
-    margin-right: 100px;
-    border: 0;
-    height: 1px;
-    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
+@media (min-width: 1000px) {
+    body {
+        margin-left: 200px;
+        margin-right: 200px;
+    }
+
+    li {
+        display: inline;
+    }
+}
+
+@media (max-width: 1000px) and (min-width: 340px) {
+    body {
+        margin-left: 20px;
+        margin-right: 20px;
+    }
+
+    li {
+        margin-top: 2px;
+    }
 }
\ No newline at end of file
diff --git a/index.htm b/index.htm
index ba9d6ff..a05886c 100644
--- a/index.htm
+++ b/index.htm
@@ -1,19 +1,24 @@
 <!DOCTYPE html />
 <html>
     <head>
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>Matthew Ess</title>
         <link rel="stylesheet" type="text/css" href="css/style.css" />
+        <link href='https://fonts.googleapis.com/css?family=Raleway:600,300' rel='stylesheet' type='text/css'>
     </head>
     <body>
-        <nav class="text">
-            <a class="active" href="index.htm">Home</a>
-            <a href="http://github.com/matthewess">Github</a>
-            <a href="resume.pdf">Resume</a>
+        <nav id="navbar">
+            <p class="title">Matthew Ess</li>
+            <ul class="text">
+                <li><a class="active" href="index.htm">Home</a></li>
+                <li><a href="http://github.com/matthewess">Github</a></li>
+                <li><a href="resume.pdf">Resume</a></li>
+            </ul>
         </nav>
-        <div class="content">
-        <h1 class="title">Matthew Ess</h1>
-        <hr />
-        <p class="text">Dedicated problem solver and developer, looking for interesting challenges to solve.</p>
+        <div id="content" class="text">
+            <p>Dedicated problem solver and developer, looking for interesting challenges to tackle.</p>
         </div>
     </body>
 </html>
\ No newline at end of file
diff --git a/resume.pdf b/resume.pdf
new file mode 100644
index 0000000..5fd2e52
Binary files /dev/null and b/resume.pdf differ
