diff --git a/evennia/web/website/static/website/css/app.css b/evennia/web/website/static/website/css/app.css
index 271019fea..426544e92 100644
--- a/evennia/web/website/static/website/css/app.css
+++ b/evennia/web/website/static/website/css/app.css
@@ -1,3 +1,5 @@
+/* Old site styles, left in just in case.
+   Shouldn't break anything! */
 @media (max-width: 570px) {
     .oneThird {
         width: 100%;
@@ -20,6 +22,7 @@
     .headerLinks {
         position: static;
     }
+}
 
 /* If you for some reason need to override the default sizing model,
    for instance, if you're using a Google Maps widget, you may need
@@ -39,17 +42,20 @@ html {
   position: relative;
   min-height: 100%;
 }
+
 body {
   /* Margin bottom by footer height */
-  margin-bottom: 30px;
+  margin-bottom: 90px;
+  background-color: #fefefe;
 }
+
 .footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   /* Set the fixed height of the footer here */
-  height: 30px;
-  line-height: 30px; /* Vertically center the text there */
+  height: 60px;
+  line-height: 60px; /* Vertically center the text there */
   background-color: #f5f5f5;
 }
 
@@ -58,6 +64,9 @@ body {
     width: 50px;
 }
 
-.footer {
-    background-color: lightgrey;
+/* Default Colors */
+.main-content {
+    margin-top: 32px;
+    margin-bottom: 32px;
+    background-color: white;
 }
diff --git a/evennia/web/website/templates/website/base.html b/evennia/web/website/templates/website/base.html
index e6fe47dd2..bc759b272 100644
--- a/evennia/web/website/templates/website/base.html
+++ b/evennia/web/website/templates/website/base.html
@@ -12,14 +12,15 @@
     <link rel="icon" type="image/x-icon" href="/static/website/images/evennia_logo.png" />
 
     <!-- Bootstrap CSS -->
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">    <!-- Custom styles -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
 
-    <!-- Custom CSS -->
+    <!-- Base CSS -->
     <link rel="stylesheet" type="text/css" href="{% static "website/css/app.css" %}">
 
     {% comment %}
     Allows for loading custom styles without overriding the base site styles
     {% endcomment %}
+    <!-- Custom CSS -->
     <link rel="stylesheet" type="text/css" href="{% static "website/css/custom.css" %}">
 
     {% block header_ext %}
@@ -79,7 +80,7 @@
         </div>
     </nav>
 
-    <div class="container" id="main-copy">
+    <div class="container main-content" id="main-copy">
         {% block content %}
         {% endblock %}
     </div>
diff --git a/evennia/web/website/templates/website/index.html b/evennia/web/website/templates/website/index.html
index 7812c0a6f..1297871b0 100644
--- a/evennia/web/website/templates/website/index.html
+++ b/evennia/web/website/templates/website/index.html
@@ -9,24 +9,26 @@
 {% block content %}
     <div class="row">
        <div class="col">
-          <h1>Welcome!</h1>
-          <hr />
-          <p>Welcome to your new installation of <a href="http://evennia.com">Evennia</a>, your friendly
-          neighborhood next-generation MUD development system and server. You are looking at Evennia's web
-          presence, which can be expanded to a full-fledged site as
-          needed. Through the <a href="{% url 'admin:index' %}">admin interface</a> you can view and edit the
-          database without logging into the game.
-            {% if webclient_enabled %}
-            You can also connect to the game directly from your browser using our
-            <a href="{% url 'webclient:index' %}">online client</a>!<br></br>
-            {% endif %}
-          For more info, take your time to
-          peruse our extensive online <a href="https://github.com/evennia/evennia/wiki">documentation</a>.
-          <p>
-          Should you have any questions, concerns, bug reports, or
-          if you want to help out, don't hesitate to join the Evennia community to make your voice heard! Drop a mail to the
-          <a href="https://groups.google.com/forum/#!forum/evennia">mailing list</a> or to come say hi in the <a href="http://webchat.freenode.net/?channels=evennia">developer chatroom</a>. If you find bugs, please report them to our <a href="https://github.com/evennia/evennia/issues">Issue tracker</a>.
-          </p>
+           <div class="jumbotron">
+              <h1>Welcome!</h1>
+              <hr />
+              <p>Welcome to your new installation of <a href="http://evennia.com">Evennia</a>, your friendly
+              neighborhood next-generation MUD development system and server. You are looking at Evennia's web
+              presence, which can be expanded to a full-fledged site as
+              needed. Through the <a href="{% url 'admin:index' %}">admin interface</a> you can view and edit the
+              database without logging into the game.
+                {% if webclient_enabled %}
+                You can also connect to the game directly from your browser using our
+                <a href="{% url 'webclient:index' %}">online client</a>!<br>
+                {% endif %}
+              For more info, take your time to
+              peruse our extensive online <a href="https://github.com/evennia/evennia/wiki">documentation</a>.
+              <p>
+              Should you have any questions, concerns, bug reports, or
+              if you want to help out, don't hesitate to join the Evennia community to make your voice heard! Drop a mail to the
+              <a href="https://groups.google.com/forum/#!forum/evennia">mailing list</a> or to come say hi in the <a href="http://webchat.freenode.net/?channels=evennia">developer chatroom</a>. If you find bugs, please report them to our <a href="https://github.com/evennia/evennia/issues">Issue tracker</a>.
+              </p>
+          </div>
        </div>
     </div>
 
@@ -48,7 +50,7 @@
         <div class="card-deck">
             <div class="card card-outline-secondary text-center">
                 <h3 class="card-header">Players</h3>
-                <div class="card-block"
+                <div class="card-block">
                     <p>
                     There's currently <strong>{{num_players_connected}}</strong> connected out of a total of <strong>{{num_players_registered}}</strong> players registered. Of these, <strong>{{num_players_registered_recent}}</strong> were created this week, and <strong>{{num_players_connected_recent}}</strong> have connected within the last seven days.
                     </p>