diff --git a/ui/assets/main.css b/ui/assets/main.css
index 2ebbd96..11c221a 100644
--- a/ui/assets/main.css
+++ b/ui/assets/main.css
@@ -132,6 +132,20 @@ img.food {
 .hero h2 {
   font-size: 2.6rem;
   margin-bottom: 50px;
+  text-align: center;
+}
+
+/* Login & Sign Up Pages*/
+body.auth {
+  background: url('./images/hamburger.jpg');
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  background-size: cover;
+  color: #fff;
+}
+
+div.auth {
+  min-height: 100vh;
 }
 
 /* Wrapper */
diff --git a/ui/sign-in.html b/ui/sign-in.html
index bec00b8..adc50f9 100644
--- a/ui/sign-in.html
+++ b/ui/sign-in.html
@@ -8,8 +8,8 @@
     <link rel="stylesheet" href="assets/main.css">
     <title>Sign In</title>
   </head>
-<body>
-  <header>
+<body class="auth">
+  <header class="transparent">
     <div class="site-title">
       <h2><a href="index.html">Kiakia Food</a></h2>
     </div>
@@ -21,7 +21,7 @@ <h2><a href="index.html">Kiakia Food</a></h2>
     </nav>
   </header>
 
-  <div class="wrapper">    
+  <div class="wrapper auth">    
     <section class="container">
       <h2>Access Your Account</h2>
       <form>
@@ -35,15 +35,6 @@ <h2>Access Your Account</h2>
     </section>
   </div>
 
-  <footer>
-    <div class="footer-left">
-      <p>kiakia food</p>
-    </div>
-    <div class="footer-right">
-      <p>&copy; 2018</p>
-    </div>
-  </footer>
-
   <script src="assets/main.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/ui/sign-up.html b/ui/sign-up.html
index ec190dc..f753142 100644
--- a/ui/sign-up.html
+++ b/ui/sign-up.html
@@ -8,8 +8,8 @@
     <link rel="stylesheet" href="assets/main.css">
     <title>Sign Up</title>
   </head>
-<body>
-  <header>
+<body class="auth">
+  <header class="transparent">
     <div class="site-title">
       <h2><a href="index.html">Kiakia Food</a></h2>
     </div>
@@ -21,7 +21,7 @@ <h2><a href="index.html">Kiakia Food</a></h2>
     </nav>
   </header>
 
-  <div class="wrapper">    
+  <div class="wrapper auth">    
     <section class="container">
       <h2>Create An Account</h2>
       <form>
@@ -37,15 +37,6 @@ <h2>Create An Account</h2>
     </section>
   </div>
 
-  <footer>
-    <div class="footer-left">
-      <p>kiakia food</p>
-    </div>
-    <div class="footer-right">
-      <p>&copy; 2018</p>
-    </div>
-  </footer>
-
   <script src="assets/main.js"></script>
 </body>
 </html>
\ No newline at end of file
