[#9] Update headers styles

assets/css/style.css

@@ -54,27 +54,27 @@ h6 {
 
 h1,
 .h1 {
-  font-size: 45px;
+  font-size: 32px;
 }
 
 h2,
 .h2 {
-  font-size: 32px;
+  font-size: 26px;
 }
 
 h3,
 .h3 {
-  font-size: 26px;
+  font-size: 20px;
 }
 
 h4,
 .h4 {
-  font-size: 20px;
+  font-size: 18px;
 }
 
 h5,
 .h5 {
-  font-size: 18px;
+  font-size: 16px;
 }
 
 h6,
@@ -82,22 +82,6 @@ h6,
   font-size: 14px;
 }
 
-#title {
-  font-size: 32px;
-}
-
-.content h2 {
-  font-size: 26px;
-}
-
-.content h3 {
-  font-size: 20px;
-}
-
-.content h4 {
-  font-size: 18px;
-}
-
 /* Button style */
 .btn {
   font-size: 14px;
@@ -246,8 +230,17 @@ select:focus {
   }
 }
 
+.main-title {
+  font-size: 45px;
+}
+
 .section-title {
   margin-bottom: 40px;
+  font-size: 32px;
+}
+
+.section-item {
+  font-size: 26px;
 }
 
 .bg-cover {

layouts/index.html

@@ -22,7 +22,7 @@
               {{ with .Params.icon}}
                 <i class="{{.}} icon text-primary d-block mb-4"></i>
               {{end}}
-              <h3 class="mb-3 mt-0">{{ .Title }}</h3>
+              <h3 class="mb-3 mt-0 section-item">{{ .Title }}</h3>
               {{with .Params.description}}
                 <p class="mb-0">{{. | markdownify}}</p>
               {{end}}

layouts/partials/banner.html

@@ -2,7 +2,7 @@
 <div class="container section">
   <div class="row">
     <div class="col-lg-8 text-center mx-auto">
-      <h1 class="text-white mb-3">
+      <h1 class="text-white mb-3 main-title">
         {{ .Site.Params.banner.title | markdownify }}
       </h1>
       <p class="text-white mb-4">