новая главная и мобильная версия

project/templates/blocks/user_menu.html

@@ -47,9 +47,6 @@
   </div>
 </div>
 {% else %}
-<button class="header__enter js-header-enter" data-popup=".js-popup-auth">ВХОД
-  <svg class="icon icon-user">
-    <use xlink:href={% static "img/sprite.svg" %}#icon-user></use>
-  </svg>
+<button class="header__enter js-header-enter" data-popup=".js-popup-auth">ВХОД&nbsp;/ РЕГИСТРАЦИЯ
 </button>
 {% endif %}

web/src/sass/_common.sass

@@ -216,6 +216,8 @@ button
     background: none
     border: 1px solid $cl
     color: $cl
+  &_pink-blue
+    background-image: linear-gradient(100deg, #8febff, #ffa2cb)
   &_md
     padding: 18px 24px 17px
     +m
@@ -615,8 +617,9 @@ a.btn
       line-height: 65px
     +m
       margin: 0
-      font-size: 0
       line-height: 1
+      width: 90px
+      color: black
     &:hover
       color: $cl
     .icon
@@ -913,6 +916,9 @@ a[name]
     &_five
       left: -100px
       bottom: -90px
+    &_six
+      left: -200px
+      bottom: -90px
   &_left
     text-align: left
   &_lg
@@ -982,8 +988,8 @@ a[name]
     padding: 20px 0
   &_confirm
     padding: 30px 0 50px
-  &_school
-    padding-bottom: 0px
+  &_counters
+    padding-top: 0px
   &_benefits
     padding: 95px 0 100px
     background: $bg
@@ -1005,6 +1011,49 @@ a[name]
       padding: 80px 0 40px
   &_video
   	padding: 70px 0 70px
+  &_flex &__center
+    display: flex
+
+  &__column
+    flex: 50%
+
+    &_img
+      background-position: bottom center
+      background-size: contain
+
+    &_text
+      padding-right: 20px
+
+  &__column .text
+    font-size: 20px
+
+  &__title
+    font-size: 30px
+    margin-bottom: 40px
+    font-family: 'ProximaNova-Bold', sans-serif
+
+  &__buttons
+    margin-bottom: 45px
+
+    & .btn
+      border-radius: 10px
+      box-shadow: 0 11px 20px 0 rgba(0, 0, 0, 0.1)
+
+  &_video &__column_img
+    text-align: center
+
+    & img
+      height: 270px
+      border-radius: 10px
+      box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.2)
+      width: auto
+
+  &_video .btn
+    box-shadow: 0 11px 24px 0 rgba(255, 147, 147, 0.3)
+
+  &_counters .text_only_curve
+    margin-bottom: 0
+
 
 .reviews-section
   background: linear-gradient(to bottom, rgba(248,248,248,1) 0%, rgba(254,244,244,1) 100%)
@@ -3934,10 +3983,6 @@ a.grey-link
     text-transform: uppercase
     +t
       font-size: 10px
-  &_main
-    margin: 55px 0 35px
-    +m
-      margin-top: 35px
   &_main &__col
     +t
       flex: 0 0 25%