diff --git a/luckydiamond/src/assets/css/PagesStyles/home.css b/luckydiamond/src/assets/css/PagesStyles/home.css
index b2df9ca..af3b55f 100644
--- a/luckydiamond/src/assets/css/PagesStyles/home.css
+++ b/luckydiamond/src/assets/css/PagesStyles/home.css
@@ -142,13 +142,6 @@
     height: 100%;
 }
 
-.gamemode__twolines {
-    display: flex;
-    align-items: flex-start;
-    height: 100%;
-    width: 100%;
-}
-
 .gamemode__firstline {
     margin: 0 0 18px 35px;
 }
@@ -190,6 +183,13 @@
     margin-bottom: 30px;
 }
 
+.gamemode__twolines {
+    display: flex;
+    align-items: flex-start;
+    height: 100%;
+    width: 100%;
+}
+
 .gamemode__twoline--first__element {
     width: 100%;
     margin: 18px 36px 0 35px;
@@ -203,8 +203,7 @@
     text-align: center;
 }
 
-.gamemode__twoline--first__element .linecontent-3 h3 {
-    padding-left: 5%;
+.title-twoline {
     text-align: center;
     color: #fff;
     text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
@@ -214,6 +213,10 @@
     text-transform: uppercase;
 }
 
+.gamemode__twoline--first__element .linecontent-3 h3 {
+    padding-left: 5%;
+}
+
 .gamemode__twoline--first__element .container {
     display: flex;
     justify-content: center;
@@ -232,15 +235,6 @@
     min-height: 180px;
 }
 
-.gamemode__twoline--two__element .linecontent-4 h3 {
-    color: #FFF;
-    text-transform: uppercase;
-    text-align: center;
-    text-shadow: 6px 12px 9px rgba(0, 0, 0, 0.25);
-    font-family: Montserrat Alternates;
-    font-size: 87px;
-}
-
 .gamemode__twoline--two__element .container {
     display: flex;
     justify-content: center;
diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue
index f250460..be69b5f 100644
--- a/luckydiamond/src/pages/HomePage.vue
+++ b/luckydiamond/src/pages/HomePage.vue
@@ -66,7 +66,7 @@
                     :key="mode"
                 >
                   <div :class="'linecontent-' + mode.id">
-                    <h3>{{ mode.title }}</h3>
+                    <h3 class="title-twoline">{{ mode.title }}</h3>
                   </div>
                   <div class="container">
                     <a href="#" class="line__btn">play <span class="line__btn--elm ">></span></a>
@@ -82,7 +82,7 @@
                     :key="mode.id"
                 >
                   <div :class="'linecontent-' + mode.id">
-                    <h3>{{ mode.title }}</h3>
+                    <h3 class="title-twoline">{{ mode.title }}</h3>
                   </div>
                   <div class="container">
                     <a href="#" class="line__btn">play <span class="line__btn--elm">></span></a>