diff --git a/src/main/ui/static/css/main.css b/src/main/ui/static/css/main.css
index 66a651ed5..56ebfda7e 100644
--- a/src/main/ui/static/css/main.css
+++ b/src/main/ui/static/css/main.css
@@ -2,8 +2,8 @@
 
 @media (min-width: 768px) {
 
-    .login-box-right{
-        margin-right: 10%;
+    .login-box-right {
+        margin-right: 35%;
     }
 
     .login-page-bg {
@@ -11,73 +11,76 @@
         width: 100%;
         height: 100%;
         background-color: #d2d6de;
-        background: url(../images/bg.jpg) ;
+        background: url(../images/bg.jpg);
         /*background: url(../images/logonbg.jpg) ;*/
         position: relative;
         background-size: 100% 100%;
     }
 
-
     .login-box-bg {
         /*background-color: rgba(255,255,255,0.5);*/
         box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.3);
         filter: alpha(opacity=40);
-        opacity: 0.9;
+        opacity: 0.8;
 
     }
 
-    .divloginbox
-    {
+    .divloginbox {
         animation: loginbox 1s;
         -moz-animation: loginbox 1s;
         -webkit-animation: loginbox 1s;
         -o-animation: loginbox 1s;
     }
 
-
-    @keyframes loginbox
-    {
-        from {margin-right: -30%}
-        to {margin-right:10%}
+    @keyframes loginbox {
+        from {
+            margin-right: -30%
+        }
+        to {
+            margin-right: 35%
+        }
     }
 
-    @-moz-keyframes loginbox
-    {
-        from {margin-right: -30%}
-        to {margin-right:10%}
+    @-moz-keyframes loginbox {
+        from {
+            margin-right: -30%
+        }
+        to {
+            margin-right: 35%
+        }
     }
 
-    @-webkit-keyframes loginbox
-    {
-        from {margin-right: -30%}
-        to {margin-right:10%}
+    @-webkit-keyframes loginbox {
+        from {
+            margin-right: -30%
+        }
+        to {
+            margin-right: 35%
+        }
     }
 
-    @-o-keyframes loginbox
-    {
-        from {margin-right: -30%}
-        to {margin-right:10%}
+    @-o-keyframes loginbox {
+        from {
+            margin-right: -30%
+        }
+        to {
+            margin-right: 35%
+        }
     }
 
-
 }
 
-
-
-
 @media (max-width: 768px) {
     .login-page-bg {
         background: url('');
         background-color: #d2d6de;
     }
 
-    .login-box-right{
+    .login-box-right {
         margin-top: 20%;
         margin-right: auto;
     }
 
-
-
     .login-box-bg {
         /*background-color: rgba(255,255,255,0.5);*/
         box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.3);
@@ -86,36 +89,47 @@
 
     }
 
-    .divloginbox
-    {
+    .divloginbox {
         animation: loginboxtop 1s;
         -moz-animation: loginboxtop 1s;
         -webkit-animation: loginboxtop 1s;
         -o-animation: loginboxtop 1s;
     }
 
-    @keyframes loginboxtop
-    {
-        from {margin-top: 0}
-        to {margin-top:20%}
-    }
-
-    @-moz-keyframes loginboxtop
-    {
-        from {margin-top: 0}
-        to {margin-top:20%}
-    }
-
-    @-webkit-keyframes loginboxtop
-    {
-        from {margin-top: 0}
-        to {margin-top:20%}
-    }
-
-    @-o-keyframes loginboxtop
-    {
-        from {margin-top: 0}
-        to {margin-top:20%}
+    @keyframes loginboxtop {
+        from {
+            margin-top: 0
+        }
+        to {
+            margin-top: 20%
+        }
+    }
+
+    @-moz-keyframes loginboxtop {
+        from {
+            margin-top: 0
+        }
+        to {
+            margin-top: 20%
+        }
+    }
+
+    @-webkit-keyframes loginboxtop {
+        from {
+            margin-top: 0
+        }
+        to {
+            margin-top: 20%
+        }
+    }
+
+    @-o-keyframes loginboxtop {
+        from {
+            margin-top: 0
+        }
+        to {
+            margin-top: 20%
+        }
     }
 
 }
diff --git a/src/main/ui/static/images/bg.jpg b/src/main/ui/static/images/bg.jpg
index 4704e1cf0..6cc5bcca3 100644
Binary files a/src/main/ui/static/images/bg.jpg and b/src/main/ui/static/images/bg.jpg differ