diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 4dc8fbd..33853e6 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -5,14 +5,19 @@
 
 <body lang="{{ .Site.Params.lang }}">
 
+{{ $url := replace .Permalink ( printf "%s" .Site.BaseURL) "" }}
+{{ if eq $url "" }}
+<section class="header header-home"> 
+{{ else }}
 <section class="header"> 
+{{ end }}
     <div class="container">
         <a href="/"><img class="logo" src="images/logo.png" /></a>
         <div class="content">
-            <a href="/"><div class="name">{{ .Site.Title }}</div></a>
+            <a href="/"><div class="name"><h1>{{ .Site.Title }}</h1></div></a>
             <nav>
                 <ul>
-                    <a href="/blog/"><li>Blog</li></a>
+                    <a href="/"><li>Blog</li></a>
                     <a href="/about/"><li>About</li></a>
                     <a href="/projects/"><li>Projects</li></a>
                 </ul>
diff --git a/static/css/main.css b/static/css/main.css
index 0a45060..6bd0cca 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -201,7 +201,6 @@ section.header .name {
   color: #555555;
 }
 section.header nav {
-  font-size: 14px;
   margin-bottom: 16px;
   text-transform: uppercase;
   font-family: 'Raleway', 'Helvetica Neue', 'Arial', sans-serif;
@@ -228,6 +227,7 @@ section.header nav ul a:last-child {
 section.header nav ul li {
   color: #555555;
   font-weight: 500;
+  font-size: 14px;
   -webkit-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
   -moz-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
   -ms-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
@@ -246,6 +246,17 @@ section.header nav ul li:hover {
     -ms-justify-content: flex-start;
     justify-content: flex-start;
   }
+  section.header-home .container .logo {
+    max-width: 180px;
+    margin-left: 20px;
+  }
+  section.header-home .name-home {
+    padding-top: 30px;
+    font-size: 40px;
+  }
+  section.header-home nav ul li {
+    font-size: 18px;
+  }
   section.header .content {
     -webkit-align-items: flex-start;
     -moz-align-items: flex-start;
@@ -518,6 +529,13 @@ section.main {
   padding-top: 32px;
   padding-bottom: 32px;
 }
+section.main .container .content .post-item .meta {
+    display: block;
+}
+section.main .container .content .post-item {
+    display: flex;
+    list-style: none;
+}
 @media (min-width: 600px) {
   .container {
     margin: 0 30px;
