diff --git a/PlexRequests.UI/Content/bootstrap.css b/PlexRequests.UI/Content/bootstrap.css
index 843f5b782..7b3046590 100644
--- a/PlexRequests.UI/Content/bootstrap.css
+++ b/PlexRequests.UI/Content/bootstrap.css
@@ -1082,7 +1082,7 @@ th {
   box-sizing: border-box;
 }
 html {
-  font-size: 10px;
+  font-size: 16px;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 body {
@@ -1589,8 +1589,8 @@ pre code {
 .container {
   margin-right: auto;
   margin-left: auto;
-  padding-left: 15px;
-  padding-right: 15px;
+  padding-left: .9375rem;
+  padding-right: .9375rem;
 }
 @media (min-width: 768px) {
   .container {
@@ -2563,7 +2563,7 @@ output {
   background-color: #ffffff;
   background-image: none;
   border: 1px solid transparent;
-  border-radius: 0;
+  border-radius: .25rem;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
diff --git a/PlexRequests.UI/Content/custom.css b/PlexRequests.UI/Content/custom.css
index ced938793..932d9e273 100644
--- a/PlexRequests.UI/Content/custom.css
+++ b/PlexRequests.UI/Content/custom.css
@@ -10,6 +10,19 @@
     }
 }
 
+@media (max-width: 48em) {
+    .home {
+        padding-top: 1rem;
+    }
+}
+
+@media (min-width: 48em) {
+    .home {
+        padding-top: 4rem;
+    }
+}
+
+
 .multiSelect {
     background-color: #4e5d6c;
 }
@@ -19,3 +32,18 @@
     color: white !important;
 }
 
+
+h1 {
+    font-size: 3.5rem !important;
+    font-weight: 600 !important;
+}
+
+p {
+    font-size: 1.1rem !important;
+}
+
+label {
+    display: inline-block !important;
+    margin-bottom: .5rem !important;
+    font-size: 16px !important;
+}
diff --git a/PlexRequests.UI/Views/Admin/Authentication.cshtml b/PlexRequests.UI/Views/Admin/Authentication.cshtml
index 0a8487335..43d056519 100644
--- a/PlexRequests.UI/Views/Admin/Authentication.cshtml
+++ b/PlexRequests.UI/Views/Admin/Authentication.cshtml
@@ -1,92 +1,94 @@
 @Html.Partial("_Sidebar")
 
-<div class="col-sm-8">
+<div class="col-sm-8 col-sm-push-1">
     <form class="form-horizontal" method="POST" action="/admin/authentication" id="mainForm">
         <fieldset>
             <legend>Authentication Settings</legend>
 
             <div class="form-group">
-                <label for="userAuth" class="col-lg-2 control-label">Enable User Authentication</label>
-                <div class="col-lg-4 checkbox">
+                <div class="checkbox">
                     <label>
                         @if (Model.UserAuthentication)
                         {
                             <input type="checkbox" id="userAuth" name="UserAuthentication" checked="checked">
+                            <text>Enable User Authentication</text>
                         }
                         else
                         {
                             <input type="checkbox" id="userAuth" name="UserAuthentication">
+                            <text>Enable User Authentication</text>
                         }
                     </label>
                 </div>
             </div>
 
             <div class="form-group">
-                <label for="userAuth" class="col-lg-2 control-label">Require users to login with their passwords</label>
-                <div class="col-lg-4 checkbox">
+                <div class="checkbox">
                     <label>
                         @if (Model.UsePassword)
                         {
                             <input type="checkbox" id="UsePassword" name="UsePassword" checked="checked">
+                            <text>Require users to login with their passwords</text>
                         }
                         else
                         {
                             <input type="checkbox" id="UsePassword" name="UsePassword">
+                            <text>Require users to login with their passwords</text>
                         }
                     </label>
                 </div>
             </div>
 
             <div class="form-group">
-                <label for="authToken" class="col-lg-2 control-label">Plex Authorization Token</label>
-                <div class="col-lg-10">
+                <label for="authToken" class="control-label">Plex Authorization Token</label>
+                <div class="">
                     <input type="text" class="form-control-custom form-control " id="authToken" name="PlexAuthToken" placeholder="Plex Auth Token" value="@Model.PlexAuthToken">
                 </div>
             </div>
 
             <div class="form-group">
-                <label for="username" class="col-lg-2 control-label">Username and Password</label>
-                <div class="col-lg-4">
+                <label for="username" class="control-label">Username and Password</label>
+                <div>
                     <input type="text" class="form-control form-control-custom" id="username" name="Username" placeholder="Username">
                 </div>
-                <div class="col-lg-4 col-lg-push-2">
+                <br/>
+                <div>
                     <input type="password" class="form-control form-control-custom" id="password" name="Password" placeholder="Password">
                 </div>
             </div>
             <div class="form-group">
-                <div class="col-lg-10 col-lg-offset-2">
+                <div class="">
                     <button id="requestToken" class="btn btn-primary">Request Token <i class="fa fa-key"></i></button>
                 </div>
             </div>
 
-            
-            <br />
-            <br />
-            <small class="col-lg-offset-2">Current users that are allowed to authenticate: </small>
+
             <br />
             <br />
+            <p class="form-group">Current users that are allowed to authenticate: </p>
+
             <div class="form-group">
-                <select id="users" multiple="" class="col-lg-10 col-lg-offset-2 form-control-custom "></select>
+                <select id="users" multiple="" class="form-control-custom "></select>
             </div>
             <div class="form-group">
 
-                <div class="col-lg-10 col-lg-offset-2">
+                <div>
                     <button id="refreshUsers" class="btn btn-primary">Refresh Users</button>
                 </div>
             </div>
 
-            <small class="col-lg-offset-2">A comma separated list of users that you do not want to login.</small>
+            <p class="form-group">A comma separated list of users that you do not want to login.</p>
             <div class="form-group">
-                <label for="deniedUsers" class="col-lg-2 control-label">Denied Users</label>
-                <div class="col-lg-10">
+                <label for="deniedUsers" class="control-label">Denied Users</label>
+                <div >
                     <input type="text" class="form-control-custom form-control " id="DeniedUsers" name="DeniedUsers" placeholder="e.g. John, Bobby" value="@Model.DeniedUsers">
                 </div>
             </div>
-
+            <br/>
             <div>
             </div>
             <div class="form-group">
-                <div class="col-lg-10 col-lg-offset-2">
+                <div>
                     <button type="submit" class="btn btn-primary">Submit</button>
                 </div>
             </div>
@@ -140,7 +142,7 @@
                 dataType: "json",
                 success: function (response) {
                     if (response.length > 1) {
-                        $(response).each(function() {
+                        $(response).each(function () {
                             $('#users').append("<option>" + this + "</option>");
                         });
                     } else {
diff --git a/PlexRequests.UI/Views/Admin/CouchPotato.cshtml b/PlexRequests.UI/Views/Admin/CouchPotato.cshtml
index 8c2fb4639..cd3ae8b51 100644
--- a/PlexRequests.UI/Views/Admin/CouchPotato.cshtml
+++ b/PlexRequests.UI/Views/Admin/CouchPotato.cshtml
@@ -10,30 +10,30 @@
         port = Model.Port;
     }
 }
-<div class="col-sm-8">
+<div class="col-sm-8 col-sm-push-1">
     <form class="form-horizontal" method="POST" id="mainForm">
         <fieldset>
             <legend>CouchPotato Settings</legend>
 
             <div class="form-group">
-                <label for="Ip" class="col-lg-2 control-label">CouchPotato Hostname or IP</label>
-                <div class="col-lg-10">
+                <label for="Ip" class="control-label">CouchPotato Hostname or IP</label>
+                <div class="">
                     <input type="text" class="form-control form-control-custom " id="Ip" name="Ip" placeholder="localhost" value="@Model.Ip">
                 </div>
             </div>
 
             <div class="form-group">
-                <label for="portNumber" class="col-lg-2 control-label">Port</label>
+                <label for="portNumber" class="control-label">Port</label>
 
-                <div class="col-lg-10">
+                <div class="">
                     <input type="text" class="form-control form-control-custom " id="portNumber" name="Port" placeholder="Port Number" value="@port">
                 </div>
             </div>
             
 
             <div class="form-group">
-                <label for="ApiKey" class="col-lg-2 control-label">CouchPotato API Key</label>
-                <div class="col-lg-10">
+                <label for="ApiKey" class="control-label">CouchPotato API Key</label>
+                <div>
                     <input type="text" class="form-control form-control-custom " id="ApiKey" name="ApiKey" value="@Model.ApiKey">
                 </div>
             </div>
@@ -42,7 +42,7 @@
 
 
             <div class="form-group">
-                <div class="col-lg-10 col-lg-offset-2">
+                <div>
                     <button type="submit" class="btn btn-primary">Submit</button>
                 </div>
             </div>
diff --git a/PlexRequests.UI/Views/Admin/Plex.cshtml b/PlexRequests.UI/Views/Admin/Plex.cshtml
index 0b163e48c..2d6107a79 100644
--- a/PlexRequests.UI/Views/Admin/Plex.cshtml
+++ b/PlexRequests.UI/Views/Admin/Plex.cshtml
@@ -10,28 +10,28 @@
         port = Model.Port;
     }
 }
-<div class="col-sm-8">
+<div class="col-sm-8 col-sm-push-1">
     <form class="form-horizontal" method="POST" id="mainForm">
         <fieldset>
             <legend>Plex Settings</legend>
 
             <div class="form-group">
-                <label for="Ip" class="col-lg-2 control-label">Plex Hostname or IP</label>
-                <div class="col-lg-10">
+                <label for="Ip" class="control-label">Plex Hostname or IP</label>
+                <div>
                     <input type="text" class="form-control form-control-custom " id="Ip" name="Ip" placeholder="localhost" value="@Model.Ip">
                 </div>
             </div>
 
             <div class="form-group">
-                <label for="portNumber" class="col-lg-2 control-label">Port</label>
+                <label for="portNumber" class="control-label">Port</label>
 
-                <div class="col-lg-10">
+                <div>
                     <input type="text" class="form-control form-control-custom " id="portNumber" name="Port" placeholder="Port Number" value="@port">
                 </div>
             </div>
 
             <div class="form-group">
-                <div class="col-lg-10 col-lg-offset-2">
+                <div>
                     <button type="submit" class="btn btn-primary">Submit</button>
                 </div>
             </div>
diff --git a/PlexRequests.UI/Views/Admin/Settings.cshtml b/PlexRequests.UI/Views/Admin/Settings.cshtml
index fc90dd1d9..4ee826256 100644
--- a/PlexRequests.UI/Views/Admin/Settings.cshtml
+++ b/PlexRequests.UI/Views/Admin/Settings.cshtml
@@ -11,70 +11,66 @@
     }
 
 }
-<div class="col-sm-8">
+<div class="col-sm-8 col-sm-push-1">
     <form class="form-horizontal" method="POST" action="/admin" id="mainForm">
         <fieldset>
             <legend>Request Plex Settings</legend>
             <div class="form-group">
-                <label for="portNumber" class="col-lg-2 control-label">Port</label>
+                <label for="portNumber" class="control-label">Port</label>
 
-                <div class="col-lg-10">
+                <div>
                     <input type="text" class="form-control form-control-custom " id="portNumber" name="Port" placeholder="Port Number" value="@port">
                 </div>
             </div>
-            <small class="col-lg-10 col-lg-offset-2">You will have to restart after changing the port.</small>
+            <small class="control-label">You will have to restart after changing the port.</small>
             <div class="form-group">
-                <label for="SearchForMovies" class="col-lg-2 control-label">Search for Movies</label>
-                <div class="col-lg-10 checkbox">
+                <div class="checkbox">
                     <label>
                         @if (Model.SearchForMovies)
                         {
-                            <input type="checkbox" id="SearchForMovies" name="SearchForMovies" checked="checked">
+                            <input type="checkbox" id="SearchForMovies" name="SearchForMovies" checked="checked"><text>Search for Movies</text>
                         }
                         else
                         {
-                            <input type="checkbox" id="SearchForMovies" name="SearchForMovies">
+                            <input type="checkbox" id="SearchForMovies" name="SearchForMovies"><text>Search for Movies</text>
                         }
                     </label>
                 </div>
             </div>
 
             <div class="form-group">
-                <label for="SearchForTvShows" class="col-lg-2 control-label">Search for TV Shows</label>
-                <div class="col-lg-10 checkbox">
+                <div class="checkbox">
                     <label>
                         @if (Model.SearchForTvShows)
                         {
-                            <input type="checkbox" id="SearchForTvShows" name="SearchForTvShows" checked="checked">
+                            <input type="checkbox" id="SearchForTvShows" name="SearchForTvShows" checked="checked"><text>Search for TV Shows</text>
                         }
                         else
                         {
-                            <input type="checkbox" id="SearchForTvShows" name="SearchForTvShows">
+                            <input type="checkbox" id="SearchForTvShows" name="SearchForTvShows"><text>Search for TV Shows</text>
                         }
                     </label>
                 </div>
             </div>
             <div class="form-group">
-                <label for="RequireApproval" class="col-lg-2 control-label">Require approval of requests</label>
-
-                <div class="col-lg-10 checkbox">
+                <div class="checkbox">
                     <label>
                         @if (Model.RequireApproval)
                         {
-                            <input type="checkbox" id="RequireApproval" name="RequireApproval" checked="checked">
+                            <input type="checkbox" id="RequireApproval" name="RequireApproval" checked="checked"><text>Require approval of requests</text>
                         }
                         else
                         {
-                            <input type="checkbox" id="RequireApproval" name="RequireApproval">
+                            <input type="checkbox" id="RequireApproval" name="RequireApproval"><text>Require approval of requests</text>
                         }
                     </label>
 
                 </div>
             </div>
-  
+
             <div class="form-group">
-                <label for="WeeklyRequestLimit" class="col-lg-2 control-label">Weekly Request Limit</label>
-                <div class="col-lg-10">
+                <label for="WeeklyRequestLimit" class="control-label">Weekly Request Limit</label>
+                <div>
                     <label>
                         <input type="number" id="WeeklyRequestLimit" name="WeeklyRequestLimit" class="form-control form-control-custom " value="@Model.WeeklyRequestLimit">
                     </label>
@@ -84,7 +80,7 @@
             <div>
             </div>
             <div class="form-group">
-                <div class="col-lg-10 col-lg-offset-2">
+                <div>
                     <button type="submit" class="btn btn-primary">Submit</button>
                 </div>
             </div>
diff --git a/PlexRequests.UI/Views/Search/Index.cshtml b/PlexRequests.UI/Views/Search/Index.cshtml
index 9c29790df..b77989a9d 100644
--- a/PlexRequests.UI/Views/Search/Index.cshtml
+++ b/PlexRequests.UI/Views/Search/Index.cshtml
@@ -1,5 +1,5 @@
 <div>
-    <h2>Search</h2>
+    <h1>Search</h1>
     <h4>Want to watch something that is not currently on Plex?! No problem! Just search for it below and request it!</h4>
     <!-- Nav tabs -->
     <ul id="nav-tabs" class="nav nav-tabs" role="tablist">
diff --git a/PlexRequests.UI/Views/Shared/_Layout.cshtml b/PlexRequests.UI/Views/Shared/_Layout.cshtml
index c008554d4..dd47e2422 100644
--- a/PlexRequests.UI/Views/Shared/_Layout.cshtml
+++ b/PlexRequests.UI/Views/Shared/_Layout.cshtml
@@ -51,7 +51,7 @@
                         }
                         else
                         {
-                            <li class="active"><a href="/admin">Admin</a></li>
+                            <li><a href="/admin">Admin</a></li>
                         }
                     }
                     @if (Context.Request.Path == "/requests")
diff --git a/PlexRequests.UI/Views/UserLogin/Index.cshtml b/PlexRequests.UI/Views/UserLogin/Index.cshtml
index 05a159af0..54d3ce57a 100644
--- a/PlexRequests.UI/Views/UserLogin/Index.cshtml
+++ b/PlexRequests.UI/Views/UserLogin/Index.cshtml
@@ -1,35 +1,36 @@
-<h1>Login</h1>
-<div class="row">
-    <label class="col-md-5">
-        Want to watch a movie or tv show but it's not currently on Plex?
-        Login below with your Plex.tv username and password! <span title="Your login details are only used to authenticate your Plex account."><i class="fa fa-question-circle"></i></span>
-    </label>
-</div>
-<form method="POST" id="loginForm">
-    <div class="row">
-        <div class="col-md-2">
-            <label style="padding-top: 8px"> Username </label>
-        </div>
-        <div class="col-md-5">
-            <input class="form-control form-control-custom col-md-5" type="text" name="Username" />
-        </div>
+<div class="home">
+    <h1>Login</h1>
+    <div>
+        <p>
+            Want to watch a movie or tv show but it's not currently on Plex?
+            Login below with your Plex.tv username and password! <span title="Your login details are only used to authenticate your Plex account."><i class="fa fa-question-circle"></i></span>
+        </p>
     </div>
-    <br />
-    @if (Model.UsePassword)
-    {
-        <div class="row">
-            <div class="col-md-2">
-                <label style="padding-top: 8px"> Password </label>
+    <form method="POST" id="loginForm">
+        <div>
+            <div>
+                <label>Plex.tv Username </label>
             </div>
-            <div class="col-md-5">
-                <input class="form-control form-control-custom col-md-5" name="Password" type="password" />
+            <div>
+                <input class="form-control form-control-custom" style="width: 50%" type="text" name="Username" placeholder="Username" />
             </div>
         </div>
-    }
-    <br />
-    <input id="loginBtn" class="btn btn-success" type="submit" value="Login" />
-</form>
-
+        <br />
+        @if (Model.UsePassword)
+        {
+            <div>
+                <div>
+                    <label> Password </label>
+                </div>
+                <div>
+                    <input class="form-control form-control-custom" style="width: 50%" name="Password" type="password" placeholder="Password" />
+                </div>
+            </div>
+        }
+        <br />
+        <button id="loginBtn" class="btn btn-success" type="submit"><i class="fa fa-user fa-fw"></i> Sign In</button>
+    </form>
+</div>
 
 <script>
     $(function () {