0.0.191 media 360px login and registration pages

static/css/mobile_styles.css

@@ -1,6 +1,10 @@
 /*media breakpoints*/
 @media (max-width: 360px) {
 
+    .wrapper_content{
+        max-width: 330px;
+    }
+
     header{
         padding: 5px 16px;
         margin-top: unset;
@@ -228,6 +232,7 @@
     .second-footer>div>div{
         padding: unset;
         padding-bottom: 15px;
+        width: 85%;
     }
 
     .third-column>div{
@@ -241,9 +246,55 @@
         margin-bottom: 10px;
     }
 
+    .fifth-column{
+        float: none;
+        width: 50%;
+        margin-right: unset;
+        display: inline-block;
+        margin-top: 60px;
+        margin-bottom: 40px;
+    }
+
 /*    footer*/
 
+/*logi_page*/
+    section.login>h1{
+        font-size: 34px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: 42px;
+    }
+    section.login>form{
+        max-width: 290px;
+    }
+    .button_register>button{
+        width: 106%;
+    }
+/*END logi_page*/
 
+/*    registration page*/
+    section.register>form{
+        display: block;
+        width: unset;
+    }
+
+    .inputs{
+        display: block;
+        margin-bottom: 10px;
+    }
+
+    .inputs>div:first-child{
+        margin: unset;
+        width: unset;
+        margin-bottom: 10px;
+
+    }
+
+    .inputs>div>input{
+        width: 96%;
+    }
+
+/*  END  registration page*/
 
 
 }

static/css/styles.css

@@ -962,8 +962,7 @@ input.deactive {
 
 
 section.login {
-    max-width: 1400px;
+
-    margin: auto;
     margin-bottom: 120px;
 }
 
@@ -980,9 +979,9 @@ section.login>h1 {
 }
 
 section.login>form {
-    width: 420px;
+        max-width: 420px;
-    margin: auto;
+        margin: auto;
-    text-align: center;
+        text-align: center;
 }
 
 .inputs_l {