some scaling

app/templates/main/index.html.j2

@@ -162,22 +162,22 @@
         <div class="col s12">
           <br class="hide-on-small-only">
           <div class="row">
-            <div class="col s3 center-align">
+            <div class="col s12 m6 l3 center-align">
               <i class="large material-icons" style="color: #ee6e73;">burst_mode</i>
               <p>File setup</p>
               <p class="light">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
             </div>
-            <div class="col s3 center-align">
+            <div class="col s12 m6 l3 center-align">
               <i class="large material-icons" style="color: #ee6e73;">find_in_page</i>
               <p>Optical Character Recognition</p>
               <p class="light">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
             </div>
-            <div class="col s3 center-align">
+            <div class="col s12 m6 l3 center-align">
               <i class="large material-icons" style="color: #ee6e73;">format_textdirection_l_to_r</i>
               <p>Natural Language Processing</p>
               <p class="light">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
             </div>
-            <div class="col s3 center-align">
+            <div class="col s12 m6 l3 center-align">
               <i class="large material-icons" style="color: #ee6e73;">search</i>
               <p>Corpus analysis</p>
               <p class="light">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>