fix position of homepage top element

app/assets/stylesheets/custom.css.erb

@@ -10,10 +10,11 @@ code                    { word-wrap: break-word; white-space: normal; }
 .tablesorter thead tr th:hover i { visibility: visible; }
 
 /* homepage */
-#home-motto             { font-size: 2em; padding-top: 100px; }
+#home-motto             { font-size: 2em; }
 #home-motto h1          { font-size: 2em; color: #fff; }
-#home-top               { height: 500px; width: 100%; background: url('<%= asset_path("thingspeak_stars_bg.jpg") %>') no-repeat; background-size: 100% 500px; text-align: center; color: #fff; }
+#home-top               { display: table; height: 500px; width: 100%; background: url('<%= asset_path("thingspeak_stars_bg.jpg") %>') no-repeat; background-size: 100% 500px; text-align: center; color: #fff; }
 #home-top a             { color: #fff; }
+#home-top-center        { display: table-cell; vertical-align: middle; position: relative; top: -20px; }
 .panel-home             { min-height: 180px; }
 
 /* misc */

app/views/pages/home.html.erb

@@ -1,20 +1,22 @@
 <div id="home-top">
 
-  <div id="home-motto">
+  <div id="home-top-center">
-    <h1><%= t(:home_motto) %></h1>
+    <div id="home-motto">
-    <%= t(:home_tagline) %>
+      <h1><%= t(:home_motto) %></h1>
-  </div>
+      <%= t(:home_tagline) %>
+    </div>
 
-  <br><br>
-
-  <div>
-    <%= link_to t(:get_started), new_user_registration_path, :class => 'btn btn-danger btn-lg' %>
     <br><br>
-    <a href="/docs" target="_blank"><%= t(:documentation) %></a>
+
-    &nbsp; | &nbsp;
+    <div>
-    <a href="http://community.thingspeak.com/forum/" target="_blank"><%=t(:support)%></a>
+      <%= link_to t(:get_started), new_user_registration_path, :class => 'btn btn-danger btn-lg' %>
-    &nbsp; | &nbsp;
+      <br><br>
-    <a href="https://github.com/iobridge/thingspeak" target="_blank">GitHub</a>
+      <a href="/docs" target="_blank"><%= t(:documentation) %></a>
+      &nbsp; | &nbsp;
+      <a href="http://community.thingspeak.com/forum/" target="_blank"><%=t(:support)%></a>
+      &nbsp; | &nbsp;
+      <a href="https://github.com/iobridge/thingspeak" target="_blank">GitHub</a>
+    </div>
   </div>
 
 </div>