Stack welcome page columns on small screens

Make it similar to the fixthemap page.

diff --git a/app/views/site/welcome.html.erb b/app/views/site/welcome.html.erb
index eacccf5789f28d4214433be930847bd55f0213c1..3f16e08454947e97ab437db2a1b77994f0d890fb 100644 (file)
--- a/app/views/site/welcome.html.erb
+++ b/app/views/site/welcome.html.erb
@@ -11,14 +11,14 @@
 <h2><%= t ".whats_on_the_map.title" %></h2>
 
 <div class='row'>
-  <div class='col'>
+  <div class='col-sm'>
     <div>
       <span class='sprite small check mx-auto'></span>
     </div>
     <p><%= t ".whats_on_the_map.on_the_map_html", :real_and_current => tag.em(t(".whats_on_the_map.real_and_current")) %></p>
   </div>
-  <div class='col'>
-    <div class='center'>
+  <div class='col-sm'>
+    <div>
       <span class='sprite small x mx-auto'></span>
     </div>
     <p><%= t ".whats_on_the_map.off_the_map_html", :doesnt => tag.em(t(".whats_on_the_map.doesnt")) %></p>