diff --git a/assets/css/styles.css b/assets/css/styles.css
index e2b338a..28b105a 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -40,8 +40,14 @@ header {
   background-color: rgba(0,0,0,0.5);
 }
 .index-header {
-  min-height: 300px;
-  height: 70vh;
+  min-height: 200px;
+  height: 50vh;
+}
+@screen md {
+  .index-header {
+    min-height: 300px;
+    height: 70vh;
+  }
 }
 .no-image {
   @apply bg-yuika-blue-500
diff --git a/index.hbs b/index.hbs
index b149f1d..1360861 100644
--- a/index.hbs
+++ b/index.hbs
@@ -13,10 +13,10 @@
       {{/if}}
       <a href="{{@site.url}}" class="block flex flex-col pl-4 flex-grow">
         <div class="">
-          <h1 class="text-4xl font-light text-white">{{@site.title}}</h1>
+          <h1 class="text-2xl md:text-4xl font-light text-white">{{@site.title}}</h1>
         </div>
         <div class="">
-          <p class="text-xl font-light text-white">{{@site.description}}</p>
+          <p class="text-lg md:text-xl font-light text-white">{{@site.description}}</p>
         </div>
       </a>
     </div>
diff --git a/package.json b/package.json
index 3bb9016..a712b36 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "yuika",
     "description": "nanao.moe's blog theme",
-    "version": "2.1.1",
+    "version": "2.1.2",
     "engines": {
         "ghost-api": "v3"
     },