diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 01b186d..ae12357 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,7 +1,7 @@
 <div class="jumbotron jumbotron-fluid" style="background-image: url({{ .Site.Params.cover }});
             background-position: center center;background-size: cover; min-height: 200px; text-align: center">
     <div class="container">
-        <h1 class="display-4 text-secondary">{{ .Site.Params.title }}</h1>
-        <p class="lead text-black-50">{{ .Site.Params.signature }}</p>
+        <div class="site-title">{{ .Site.Params.title }}</div>
+        <p class="signature">{{ .Site.Params.signature }}</p>
     </div>
 </div>
\ No newline at end of file
diff --git a/static/css/style.css b/static/css/style.css
index 5288793..15e9ee9 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -14,12 +14,26 @@ p{
     margin-top: 0;
 }
 
+/* START - top cover part */
 .jumbotron{
     padding-top: 64px;
-    padding-bottom: 64px;
-    margin-bottom: 32px;
 }
 
+.site-title{
+    color: rgb(108, 117, 125);
+    font-size: 56px;
+    font-weight: 300;
+    margin-bottom: 20px;
+}
+
+.signature{
+    color: rgb(0, 0, 0, 0.5);
+    font-size: 20px;
+    font-weight: 300;
+}
+
+/* END - top cover part */
+
 .page{
     max-width: 1150px;
     margin: auto;