s

+html,
+body {
+    overflow: hidden;
+}
+
 #login {
 #login {
     background: url(../images/logo-white-5.png) 40px 40px no-repeat !important;
     background: url(../images/logo-white-5.png) 40px 40px no-repeat !important;
     padding-top: 40%;
     padding-top: 40%;
@@ -63,7 +68,7 @@ body.login {
     border: none;
     border: none;
     padding: 60px 100px 100px 240px;
     padding: 60px 100px 100px 240px;
     margin-left: 30%;
     margin-left: 30%;
-    margin-top: 8%;
+    margin-top: 5%;
     background: url(../images/login.png) 0px 0px no-repeat;
     background: url(../images/login.png) 0px 0px no-repeat;
     background-size: 672px 398px !important;
     background-size: 672px 398px !important;
 
 
@@ -86,9 +91,19 @@ form {
 .message {
 .message {
     -moz-border-radius: 0px;
     -moz-border-radius: 0px;
     border: none;
     border: none;
-    margin: 0 8px 16px 8px;
+    margin: 20px 8px 16px 8px;
     border: 1px solid #6ac9c8;
     border: 1px solid #6ac9c8;
     background-color: #221D58;
     background-color: #221D58;
+
+}
+
+@media only screen and (max-width: 768px) {
+    .message {
+        position: relative;
+        top: 80px;
+        left: 34%;
+        width: 85vw;
+    }
 }
 }
 
 
 .updated,
 .updated,
@@ -127,7 +142,7 @@ p#backtoblog {
     text-shadow: none;
     text-shadow: none;
     position: absolute;
     position: absolute;
     top: 50px;
     top: 50px;
-    left: 27%;
+    left: 20%;
 
 
 }
 }
 
 
@@ -202,7 +217,7 @@ label {
 
 
     #login form {
     #login form {
         width: 35%;
         width: 35%;
-        margin-left: 20%;
+        margin-left: 23%;
         padding: 60px 100px 100px 140px;
         padding: 60px 100px 100px 140px;
     }
     }