diff --git a/styles/_layout.scss b/styles/_layout.scss
index a352a83..4b17f25 100644
--- a/styles/_layout.scss
+++ b/styles/_layout.scss
@@ -79,9 +79,7 @@
   }
 
   &__wrap {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
+    @include flex-cols();
   }
 
   &__subtext {
diff --git a/styles/_mixins.scss b/styles/_mixins.scss
index c512dcf..768d6a2 100644
--- a/styles/_mixins.scss
+++ b/styles/_mixins.scss
@@ -33,4 +33,10 @@
   @media (max-width: $width-tablet-1) {
     margin-top: 64px;
   }
+}
+
+@mixin flex-cols() {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
\ No newline at end of file
diff --git a/styles/_vars.scss b/styles/_vars.scss
index 1823f5e..a0cd31f 100644
--- a/styles/_vars.scss
+++ b/styles/_vars.scss
@@ -43,6 +43,7 @@ $width-max: 1440px;
 $width-tablet-1: 1024px;
 $width-tablet-2: 768px;
 $width-mobile: 640px;
+$width-small: 480px;
 $width-padding: 4.4444444444vw;
 
 /******************************************************************************
diff --git a/styles/pages/_home.scss b/styles/pages/_home.scss
index 068fae5..f4c49d5 100644
--- a/styles/pages/_home.scss
+++ b/styles/pages/_home.scss
@@ -60,9 +60,25 @@
 .dilemma {
   text-align: center;
 
+  &__wrap {
+    @include flex-cols();
+  }
+
+  &__headline {
+    @media (max-width: $width-small) {
+        max-width: 320px;
+      }
+  }
+
   &__subtext {
     margin-top: 16px;
     margin-bottom: 64px;
+
+    div {
+      @media (max-width: $width-small) {
+        max-width: 270px;
+      }
+    }
   }
 
   &__tables {
@@ -112,6 +128,10 @@
       cursor: pointer;
       user-select: none;
 
+      p {
+        line-height: 1;
+      }
+
       img {
         width: 50%;
 
@@ -183,9 +203,13 @@
   text-align: center;
 
   &__wrap {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
+    @include flex-cols();
+  }
+
+  &__headline {
+    @media (max-width: $width-small) {
+      max-width: 320px;
+    }
   }
 
   &__subtext {
diff --git a/styles/pages/_why.scss b/styles/pages/_why.scss
index a7f660c..f74aa78 100644
--- a/styles/pages/_why.scss
+++ b/styles/pages/_why.scss
@@ -88,9 +88,7 @@
   text-align: center;
   
   &__wrap {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
+    @include flex-cols();
   }
 
   &__subtext {
@@ -111,9 +109,7 @@
   }
 
   &__logo {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
+    @include flex-cols();
 
     img {
       width: 200px;