From 2edd4fed28af2dd78401ffece88a45158145b755 Mon Sep 17 00:00:00 2001
From: Anastasiya Shamray <a.shamray@yadro.com>
Date: Mon, 29 May 2023 17:17:47 +0300
Subject: [PATCH] [#9] Update headers styles

---
 assets/css/style.css         | 35 ++++++++++++++---------------------
 layouts/index.html           |  2 +-
 layouts/partials/banner.html |  2 +-
 3 files changed, 16 insertions(+), 23 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 903bddd..029ae5b 100644
--- a/assets/css/style.css
+++ b/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 {
diff --git a/layouts/index.html b/layouts/index.html
index 133d2aa..32602b3 100644
--- a/layouts/index.html
+++ b/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}}
diff --git a/layouts/partials/banner.html b/layouts/partials/banner.html
index 1936158..8635074 100644
--- a/layouts/partials/banner.html
+++ b/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">