diff --git a/package.json b/package.json
index 0c435f7..fa0d197 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "astroplate",
-  "version": "3.3.3",
+  "version": "3.3.4",
   "description": "Astro and Tailwindcss boilerplate",
   "author": "zeon.studio",
   "license": "MIT",
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 290e42d..19d3f99 100755
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -29,8 +29,11 @@ const { banner, features }: Homepage = homepage.data;
   <section class="section pt-14">
     <div class="container">
       <div class="row justify-center">
-        <div class="mb-16 text-center lg:col-7">
-          <h1 set:html={markdownify(banner.title)} class="mb-4" />
+        <div class="lg:col-7 md:col-9 mb-8 text-center">
+          <h1
+            set:html={markdownify(banner.title)}
+            class="mb-4 text-h3 lg:text-h1"
+          />
           <p set:html={markdownify(banner.content)} class="mb-8" />
           {
             banner.button.enable && (