fix to mobile

@@ -99,6 +99,9 @@ body.login {
         left:0;
         top:200px;
     }
+    #login { 
+        padding:10% 0 0;
+    }
 }
 
 
@@ -220,6 +223,14 @@ label {
     width: 300px;
 }
 
+@media(max-width: 700px) {
+    #user_pass,
+    #user_login,
+    #user_email {
+        width:250px;
+    }
+}
+
 .login #login_error,
 .login .message,
 .login .success {
@@ -259,11 +270,11 @@ label {
 
 
 
-@media (max-width: 1000px) {
+@media (max-width: 1100px) {
 
     #login form {
         width: 35%;
-        margin-left: 23%;
+        margin-left: 15%;
         padding: 60px 100px 100px 140px;
     }
 
@@ -279,15 +290,46 @@ label {
 
     }
 
+    #login h1 { 
+        margin-left:15%;
+    }
+
 
 }
 
-@media (max-width: 800px) {
+@media (max-width: 1000px) {
+    #login h1 { 
+        margin-left:23%;
+    }
+}
+
+@media (max-width: 900px) {
+
+    #backtoblog {
+        top:150px;
+    }
 
     #login form {
         margin-top: 18%;
         width: 40%;
     }
+    #login h1 { 
+        margin-left:23%;
+        margin-top:20%;
+    }
+}
+
+@media (max-width: 800px) {
+    #login h1 { 
+        margin-top:0;
+    }
+}
+
+@media (max-width: 700px) {
+    #backtoblog {
+        top:120px;
+    }
+
 }
 
 @media (max-width: 600px) {
@@ -300,14 +342,16 @@ label {
 
 
     #login {
-        background: url(../images/logo-white-5.png) 70px 10px no-repeat !important;
+        background: url(../images/logo-white-5.png) 15px 15px no-repeat !important;
         padding-top: 40%;
         width: 100%;
-        padding: 8% 0 0;
+        padding: 40px 0 0;
         margin: auto;
         background-size: 132px 72px !important;
 
 
+
+
     }
 
     body.login {
@@ -331,10 +375,7 @@ label {
         margin: auto;
         margin-top: -70px;
         background-color: transparent;
-        padding: 0px 100px 100px 240px;
-        margin-left: -30%;
-
-
+        padding: 0;
     }
 
 
@@ -357,17 +398,15 @@ label {
     }
 
     #login h1 {
+        width:auto;
         position: absolute;
-        top:130px;
-        width:100%;
+        top:120px;
+        white-space: nowrap;
     }
 
-    #login h1 span {
-        left:45px;
-    }
 
     #login form {
-        width: 100%;
+        width: auto;
         min-height: 250px;
         display: block;
         -moz-border-radius: 0px;
@@ -379,9 +418,8 @@ label {
         box-shadow: none;
         border-radius: 0px;
         border: none;
-        padding: 60px 100px 100px 240px;
-        margin-left: -34%;
-        margin-top: 22%;
+        padding: 0;
+        margin-left: 0;
         /* background: url(../images/login.png) 0px 0px no-repeat; */
         /* background-size: 672px 398px !important; */
         /* background-position: top; */
@@ -393,8 +431,33 @@ label {
     }
 
 
+    #login h1 span { 
+        left:0;
+        top:20px;
+    }
+
+    #loginform {
+        padding:15% !important;
+        margin-top:80px !important;
+    }
+
+    h1 {
+        margin-left:15% !important;
+        width:100%;
 
+    }
 
+    label {
+        margin-left:0 !important;
+    }
+
+    #backtoblog {
+ 
+        left:auto;
+        right:0;
+        top:0;
+
+    }
 
 
 
@@ -402,8 +465,7 @@ label {
 
 @media (max-width: 420px) {
     #login form {
-        width: 140%;
-        margin-left: -55%;
+        width: 100%;
         background-size: 872px 398px !important;
     }
 
@@ -414,7 +476,6 @@ label {
     }
 
     .login #nav {
-        margin-left: -55%;
 
     }
 
@@ -436,7 +497,7 @@ label {
 @media (max-width: 380px) {
     #login form {
         width: 140%;
-        margin-left: -65%;
+        margin-left:0;
         background-size: 872px 398px !important;
     }
 
@@ -447,12 +508,10 @@ label {
     }
 
     .login #nav {
-        margin-left: -65%;
-
     }
 
     #backtoblog {
-        top: -10px;
+        top: 30px;
         left: unset;
         right: 0;