diff --git a/cigaradvisor/blocks/header/header.css b/cigaradvisor/blocks/header/header.css
index 74a2ce72..6e7d699f 100644
--- a/cigaradvisor/blocks/header/header.css
+++ b/cigaradvisor/blocks/header/header.css
@@ -345,6 +345,7 @@
 }
 
 .header.block .mobile-nav.mobile-nav-closed {
+    height: 0;
     z-index: 1;
 }
 
diff --git a/cigaradvisor/blocks/hero/hero.css b/cigaradvisor/blocks/hero/hero.css
index 6e2de935..b240e550 100644
--- a/cigaradvisor/blocks/hero/hero.css
+++ b/cigaradvisor/blocks/hero/hero.css
@@ -42,15 +42,21 @@ main .hero.block .hero-image img {
   width: 100%;
 }
 
-main .hero.block .hero-content {
+main .hero.block.search .hero-content {
   padding-top: 80px;
 }
 
+main .hero.block:not(.search) {
+  display: flex;
+  min-height: 150px;
+  align-items: center;
+  justify-content: center;
+}
+
 main .hero.block h1 {
   color: var(--clr-white);
   text-align: center;
   line-height: 1;
-  letter-spacing: 3px;
   text-shadow: 3px 3px var(--clr-black);
 }
 
diff --git a/cigaradvisor/fonts/montserrat-italic.woff2 b/cigaradvisor/fonts/montserrat-italic.woff2
new file mode 100644
index 00000000..07739277
Binary files /dev/null and b/cigaradvisor/fonts/montserrat-italic.woff2 differ
diff --git a/cigaradvisor/fonts/opensans-italic.woff2 b/cigaradvisor/fonts/opensans-italic.woff2
new file mode 100644
index 00000000..fdf8dc65
Binary files /dev/null and b/cigaradvisor/fonts/opensans-italic.woff2 differ
diff --git a/cigaradvisor/styles/font-fallbacks.css b/cigaradvisor/styles/font-fallbacks.css
new file mode 100644
index 00000000..1cd3a124
--- /dev/null
+++ b/cigaradvisor/styles/font-fallbacks.css
@@ -0,0 +1,122 @@
+
+@font-face {
+  font-family: 'Open Sans Fallback';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Arial');
+  ascent-override: 101.58%;
+  descent-override: 27.84%;
+  line-gap-override: 0.00%;
+  size-adjust: 105.22%;
+}
+
+@font-face {
+  font-family: 'Open Sans Fallback';
+  font-style: normal;
+  font-weight: 600 900;
+  src: local('Arial Bold');
+  ascent-override: 109.90%;
+  descent-override: 30.12%;
+  line-gap-override: 0.00%;
+  size-adjust: 97.26%;
+}
+
+@font-face {
+  font-family: 'Open Sans Fallback';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Arial');
+  ascent-override: 107.47%;
+  descent-override: 29.46%;
+  line-gap-override: 0.00%;
+  size-adjust: 99.46%;
+}
+
+@font-face {
+  font-family: 'Open Sans Fallback';
+  font-style: italic;
+  font-weight: 600 900;
+  src: local('Arial Bold Italic');
+  ascent-override: 116.27%;
+  descent-override: 31.87%;
+  line-gap-override: 0.00%;
+  size-adjust: 91.93%;
+}
+
+@font-face {
+  font-family: 'Montserrat Fallback';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Arial');
+  ascent-override: 87.81%;
+  descent-override: 22.77%;
+  line-gap-override: 0.00%;
+  size-adjust: 110.23%;
+}
+
+@font-face {
+  font-family: 'Montserrat Fallback';
+  font-style: normal;
+  font-weight: 600 900;
+  src: local('Arial Bold');
+  ascent-override: 95.01%;
+  descent-override: 24.63%;
+  line-gap-override: 0.00%;
+  size-adjust: 101.89%;
+}
+
+@font-face {
+  font-family: 'Montserrat Fallback';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Arial Italic');
+  ascent-override: 86.68%;
+  descent-override: 22.48%;
+  line-gap-override: 0.00%;
+  size-adjust: 111.68%;
+}
+
+@font-face {
+  font-family: 'Montserrat Fallback';
+  font-style: italic;
+  font-weight: 600 900;
+  src: local('Arial Bold Italic');
+  ascent-override: 93.78%;
+  descent-override: 24.32%;
+  line-gap-override: 0.00%;
+  size-adjust: 103.22%;
+}
+
+@font-face {
+  font-family: 'Alfa Slab One Fallback';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Times New Roman');
+  ascent-override: 80.29%;
+  descent-override: 20.82%;
+  line-gap-override: 0.00%;
+  size-adjust: 120.57%;
+}
+
+@font-face {
+  font-family: 'Alfa Slab One Fallback';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Times New Roman');
+  ascent-override: 78.08%;
+  descent-override: 25.10%;
+  line-gap-override: 0.00%;
+  size-adjust: 132.68%;
+}
+
+@font-face {
+  font-family: 'Alfa Slab One Fallback';
+  font-style: normal;
+  font-weight: 600 900;
+  src: local('Times New Roman Bold');
+  ascent-override: 82.94%;
+  descent-override: 26.66%;
+  line-gap-override: 0.00%;
+  size-adjust: 124.91%;
+}
+
diff --git a/cigaradvisor/styles/fonts.css b/cigaradvisor/styles/fonts.css
index e0613849..47d437c6 100644
--- a/cigaradvisor/styles/fonts.css
+++ b/cigaradvisor/styles/fonts.css
@@ -7,6 +7,13 @@
     src: url('../fonts/opensans.woff2') format('woff2');
 }
 
+@font-face {
+    font-family: 'Open Sans';
+    font-style: italic;
+    font-display: swap;
+    src: url('../fonts/opensans-italic.woff2') format('woff2');
+}
+
 @font-face {
     font-family: Montserrat;
     font-style: normal;
@@ -14,6 +21,13 @@
     src: url('../fonts/montserrat.woff2') format('woff2');
 }
 
+@font-face {
+    font-family: Montserrat;
+    font-style: italic;
+    font-display: swap;
+    src: url('../fonts/montserrat-italic.woff2') format('woff2');
+}
+
 @font-face {
     font-family: 'Alfa Slab One';
     font-style: normal;
diff --git a/cigaradvisor/styles/styles.css b/cigaradvisor/styles/styles.css
index aa926dca..6849d0ef 100644
--- a/cigaradvisor/styles/styles.css
+++ b/cigaradvisor/styles/styles.css
@@ -11,116 +11,7 @@
  */
 
 @import url('reset.css');
-
-@font-face {
-  font-family: 'Open Sans Fallback';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Arial');
-  ascent-override: 101.58%;
-  descent-override: 27.84%;
-  line-gap-override: 0.00%;
-  size-adjust: 105.22%;
-}
-
-@font-face {
-  font-family: 'Open Sans Fallback';
-  font-style: normal;
-  font-weight: 600;
-  src: local('Arial Bold');
-  ascent-override: 109.90%;
-  descent-override: 30.12%;
-  line-gap-override: 0.00%;
-  size-adjust: 97.26%;
-}
-
-@font-face {
-  font-family: 'Open Sans Fallback';
-  font-style: normal;
-  font-weight: 700;
-  src: local('Arial Bold');
-  ascent-override: 109.90%;
-  descent-override: 30.12%;
-  line-gap-override: 0.00%;
-  size-adjust: 97.26%;
-}
-
-@font-face {
-  font-family: 'Open Sans Fallback';
-  font-style: normal;
-  font-weight: 900;
-  src: local('Arial Bold');
-  ascent-override: 109.90%;
-  descent-override: 30.12%;
-  line-gap-override: 0.00%;
-  size-adjust: 97.26%;
-}
-
-@font-face {
-  font-family: 'Montserrat Fallback';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Arial');
-  ascent-override: 87.81%;
-  descent-override: 22.77%;
-  line-gap-override: 0.00%;
-  size-adjust: 110.23%;
-}
-
-@font-face {
-  font-family: 'Montserrat Fallback';
-  font-style: normal;
-  font-weight: 600;
-  src: local('Arial Bold');
-  ascent-override: 95.01%;
-  descent-override: 24.63%;
-  line-gap-override: 0.00%;
-  size-adjust: 101.89%;
-}
-
-@font-face {
-  font-family: 'Montserrat Fallback';
-  font-style: normal;
-  font-weight: 700;
-  src: local('Arial Bold');
-  ascent-override: 95.01%;
-  descent-override: 24.63%;
-  line-gap-override: 0.00%;
-  size-adjust: 101.89%;
-}
-
-@font-face {
-  font-family: 'Montserrat Fallback';
-  font-style: normal;
-  font-weight: 900;
-  src: local('Arial Bold');
-  ascent-override: 95.01%;
-  descent-override: 24.63%;
-  line-gap-override: 0.00%;
-  size-adjust: 101.89%;
-}
-
-@font-face {
-  font-family: 'Alfa Slab One Fallback';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Arial');
-  ascent-override: 85.41%;
-  descent-override: 27.45%;
-  line-gap-override: 0.00%;
-  size-adjust: 121.30%;
-}
-
-@font-face {
-  font-family: 'Alfa Slab One Fallback';
-  font-style: normal;
-  font-weight: 900;
-  src: local('Arial Bold');
-  ascent-override: 92.40%;
-  descent-override: 29.70%;
-  line-gap-override: 0.00%;
-  size-adjust: 112.12%;
-}
+@import url('font-fallbacks.css');
 
 :root {
   /* colors */
@@ -250,7 +141,11 @@ h2 {
 }
 
 b, strong {
-  font-weight: bolder;
+  font-weight: var(--font-weight-bold);
+}
+
+i, em {
+  font-style: italic;
 }
 
 a {
@@ -266,6 +161,7 @@ p {
   font-family: var(--ff-opensans);
   font-weight: 600;
   color: var(--clr-dark-gray);
+  margin: 16px 0;
   font-size: 12px;
   cursor: default
 }
@@ -362,7 +258,7 @@ main .section[data-layout="3-column"] > .left-grid {
   flex: 0 0 25%;
 }
 
-main .section[data-layout="3-column"] > .center-grid, main .section[data-layout="3-column"] > .right-grid  {
+main .section[data-layout="3-column"] > .center-grid, main .section[data-layout="3-column"] > .right-grid {
   flex: 0 0 37.5%;
 }
 
@@ -502,13 +398,13 @@ main .button-container .button:hover {
   text-decoration: none;
 }
 
-/* category landign page */
-.category-landing-page main>.section>.default-content-wrapper {
+/* category landing page */
+.category-landing-page main > .section > .default-content-wrapper {
   padding: 10px 20px;
   text-align: justify;
 }
 
-.category-landing-page main>.section>.default-content-wrapper p{
+.category-landing-page main > .section > .default-content-wrapper p {
   font-size: 16px;
   line-height: 26px;
 }
@@ -528,7 +424,7 @@ main .button-container .button:hover {
 
   main .section > .default-content-wrapper > h2 {
     font-size: 35px;
-   }
+  }
 
   main .section > .default-content-wrapper > h2 ::before {
     content: 'decor';
@@ -537,7 +433,7 @@ main .button-container .button:hover {
     background-size: contain;
     margin-right: 15px;
   }
-  
+
   main .section > .default-content-wrapper > h2 ::after {
     content: 'decor';
     color: transparent;
@@ -569,7 +465,7 @@ main .button-container .button:hover {
   }
 
   main .section > .default-content-wrapper > h2 {
-   font-size: 45px;
+    font-size: 45px;
   }
 }
 
@@ -586,7 +482,7 @@ main .button-container .button:hover {
     padding: 0;
   }
 
-  .category-landing-page main>.section>.default-content-wrapper {
+  .category-landing-page main > .section > .default-content-wrapper {
     padding: 0;
   }
 }