Mobile Support

css/global.css

@@ -20,7 +20,7 @@ h1 {
 h1,h3,p,a,input,textarea,button,label {
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     text-decoration: none;
-    color: red;
+    color: #ffffff;
     border: none;
 }
 .form-auth-wrap {
@@ -80,3 +80,52 @@ button {
     width: 800px;
     background: #474E68;
 }
+
+
+
+
+
+
+
+@media screen and (max-width: 600px) {
+    .form-auth-wrap {
+        width: 100%;
+        margin-top: 50px;
+        box-sizing: border-box;
+    }
+    .form-auth-wrap input{
+        margin: 5px 0px 20px 0;
+        width: 80%;
+        padding: 10px;
+        font-size: 18px;
+    }
+    .form-auth-wrap label{
+        text-align: center;
+    }
+    h1 {
+        font-size: 48px;
+    }
+    .form-wrap-post {
+        width:auto;
+        margin: 50px 0;
+    }
+    .form-wrap-post form {
+        width: 100%;
+
+    }
+    .form-wrap-post textarea {
+        box-sizing: border-box;
+        padding: 10px;
+        font-size: 18px;
+        width: 100%;
+        height: 200px;
+    }
+    .wrap-posts {
+        box-sizing: border-box;
+        width: 100%;
+    }
+    .info-user-wrap {
+        width: 100%;
+        box-sizing: border-box;
+    }
+}