fixing the achievements

src/assets/styles/blocks/achievements.styl

@@ -3,6 +3,22 @@
   padding 128px 135px 200px
   background-color #D49E31
 
+  &__subtitle
+    font-size 18px
+    line-height 32px
+    font-weight 700
+    margin 0
+    padding 0
+    padding-bottom 21px
+
+  &__title
+    font-size 72px
+    line-height 80px
+    font-weight 700
+    margin 0
+    padding 0
+    padding-bottom 33px
+
   &__main-illustration
     width 870px
     height 624px
@@ -32,40 +48,24 @@
     margin 0
     padding 0
 
-  &__text
-    position relative
-    z-index 2
-    display flex
-    flex-direction row
-    margin-left 48px
-    margin-top -180px
-
-  &__subtitle
-    font-size 18px
-    line-height 32px
-    font-weight 700
-    margin 0
-    padding 0
-    padding-bottom 21px
-
-  &__title
-    font-size 72px
-    line-height 80px
-    font-weight 700
-    margin 0
-    padding 0
-    padding-bottom 33px
+.text
+  position relative
+  z-index 2
+  display flex
+  flex-direction row
+  margin-left 48px
+  margin-top -180px
 
-  &__text-one
-        display flex
-        flex-direction column
-        margin-right 118px
+  &__one
+    display flex
+    flex-direction column
+    margin-right 118px
 
-  &__text-one_num
-    width 134px
-    height 80px
-    padding-bottom 10px
+    &--num
+      width 134px
+      height 80px
+      margin-bottom 10px
 
-  &__text-one_str
-    width 144px
-    height 32px
+    &--str
+      width 144px
+      height 32px

src/templates/blocks/achievements/achievements.pug

@@ -4,14 +4,15 @@ mixin achievements()
       +e.H2.subtitle--title Achievements
       +e.H1.title
         | Design, Followed By
+        <br>
         | Form &amp; Function
     div
       +e.IMG.main-illustration(src='../../../assets/images/achievements/Achievements.png' alt='Achievement')
-      +e.text
-        +e.text-one
-          +e.IMG.text-one_num(src='../../../assets/images/achievements/42+.svg' alt='42+')
-          +e.IMG.text-one_str(src='../../../assets/images/achievements/Project-finished.svg' alt='Project finished')
-        +e.text-two
-          +e.IMG.text-one_num(src='../../../assets/images/achievements/730.svg' alt='730')
-          +e.IMG.text-one_str(src='../../../assets/images/achievements/Working-hours.svg' alt='Working-hours')
+      +b.text
+        +e.one
+          +e.IMG.--num(src='../../../assets/images/achievements/42+.svg' alt='42+')
+          +e.IMG.--str(src='../../../assets/images/achievements/Project-finished.svg' alt='Project finished')
+        +e.one
+          +e.IMG.--num(src='../../../assets/images/achievements/730.svg' alt='730')
+          +e.IMG.--str(src='../../../assets/images/achievements/Working-hours.svg' alt='Working-hours')
       +e.IMG.shape(src='../../../assets/images/general-shape.svg' alt='shape')