diff --git a/app/views/main/for_roleplayers.html.erb b/app/views/main/for_roleplayers.html.erb
index 3b34839e..b6c482b9 100644
--- a/app/views/main/for_roleplayers.html.erb
+++ b/app/views/main/for_roleplayers.html.erb
@@ -63,7 +63,7 @@ body {
     </div>
 
     <div class="row">
-      <div class="col s8">
+      <div class="col s7">
         <div>
           <h4>How do I use it?</h4>
           <p class="light">
@@ -86,7 +86,7 @@ body {
           </p>
         </div>
       </div>
-      <div class="col s4">
+      <div class="col s4 offset-s1">
         <%= image_tag 'screenshots/dashboard.png' %>
       </div>
     </div>
@@ -98,7 +98,7 @@ body {
 <div class="container">
   <div class="section">
     <div class="row">
-      <% [Character, Location, Item, Creature, Race, Religion, Group, Magic, Language].each do |content_type| %>
+      <% Rails.application.config.content_types[:all_non_universe].each do |content_type| %>
         <div class="col l4 m4 s12">
           <%= render partial: 'cards/intros/content_type_intro', locals: { content_type: content_type } %>
         </div>
@@ -110,9 +110,8 @@ body {
 
 <div class="container">
   <div class="section">
-
     <div class="row">
-      <div class="col s7">
+      <div class="col s6">
         <div>
           <h4>Separate your worlds with Universes</h4>
           <p class="light">
@@ -130,7 +129,7 @@ body {
           </div>
         </div>
       </div>
-      <div class="col s5">
+      <div class="col s5 offset-s1">
         <%= image_tag 'screenshots/universe.png', class: 'left' %>
       </div>
     </div>
@@ -139,7 +138,7 @@ body {
       <div class="col s5">
         <%= image_tag 'screenshots/sharing.png', class: 'right' %>
       </div>
-      <div class="col s7">
+      <div class="col s6 offset-s1">
         <div>
           <h4>Share your campaign with players with easy privacy rules</h4>
           <p class="light">
@@ -172,7 +171,7 @@ body {
     </div>
 
     <div class="row">
-      <div class="col s7">
+      <div class="col s6">
         <div>
           <h4>Keep your players engrossed with a rich world of consistent details</h4>
           <p class="light">
@@ -198,7 +197,7 @@ body {
           </div>
         </div>
       </div>
-      <div class="col s5">
+      <div class="col s5 offset-s1">
         <%= image_tag 'screenshots/character.png', class: 'left' %>
       </div>
     </div>
@@ -207,7 +206,7 @@ body {
       <div class="col s5">
         <%= image_tag 'screenshots/gallery.png', class: 'right' %>
       </div>
-      <div class="col s7">
+      <div class="col s6 offset-s1">
         <div>
           <h4>Upload images for inspiration or reference</h4>
           <p class="light">
@@ -233,7 +232,7 @@ body {
     </div>
 
     <div class="row">
-      <div class="col s7">
+      <div class="col s6">
         <div>
           <h4>Build family trees and organization hierarchies with ease</h4>
           <p class="light">
@@ -258,7 +257,7 @@ body {
           </div>
         </div>
       </div>
-      <div class="col s5">
+      <div class="col s5 offset-s1">
         <%= image_tag 'screenshots/family-tree.png', class: 'left' %>
       </div>
     </div>
@@ -271,10 +270,10 @@ body {
     <div class="card-panel blue white-text hoverable" style="height: 160px">
       <div class="row">
         <div class="col s9">
-          <h1 style="font-size: 26px;">
+          <h1 style="font-size: 26px; display: inline">
             <%= link_to 'Start worldbuilding right now.', new_user_registration_path, class: 'white-text' %>
           </h1>
-          <h5 style="font-size: 16px;">No card needed. Upgrade seamlessly any time.</h5>
+          <h5 style="font-size: 16px;">No card needed. Upgrade or downgrade seamlessly any time.</h5>
         </div>
         <div class="col s3 valign-wrapper" style="height: 130px;">
           <div class="valign">
@@ -365,7 +364,7 @@ body {
         <div>
           <h4>How much does it cost?</h4>
           <div class="row">
-            <div class="col s9">
+            <div class="col s7">
               <p class="light">
                 <strong>Creating core notebook pages (universes, characters, locations, and items) is free</strong> and doesn't require
                 any payment information to start creating your novel's world immediately upon signup. Free users, however,
@@ -381,12 +380,12 @@ body {
                 Additionally, a Premium subscription also increases your image upload storage from 50MB to 10GB.
               </p>
             </div>
-            <div class="col s3">
-              <% [Character, Location, Item, Creature, Race, Religion, Group, Magic, Language].each_with_index do |content_type, i| %>
-                <i class="material-icons <%= content_type.color %>-text tooltipped" style="font-size: 72px" data-delay="100" data-tooltip="<%= User.new.can_create?(content_type) ? 'All' : 'Premium' %> users can create unlimited <%= content_type.name.pluralize %>.">
+            <div class="col s4 offset-s1">
+              <% Rails.application.config.content_types[:all].each_with_index do |content_type, i| %>
+                <i class="material-icons <%= content_type.color %>-text tooltipped medium" data-delay="100" data-tooltip="<%= User.new.can_create?(content_type) ? 'All' : 'Premium' %> users can create unlimited <%= content_type.name.pluralize %>.">
                   <%= content_type.icon %>
                 </i>
-                <%= '<br />'.html_safe if (i + 1) % 3 == 0 %>
+                <%= '<br />'.html_safe if (i + 1) % 6 == 0 %>
               <% end %>
             </div>
           </div>