title: Force a column to take full width within a specific window width range
body: <p>I'm using the <a href="http://materializecss.com/" rel="nofollow">MaterializeCSS</a> framework and currently have the following structure with 3 content columns inside a row:</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div class="section"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col s12 m4"&gt; &lt;!-- 1st column --&gt;
              &lt;div class="icon-block z-depth-2"&gt;
                  &lt;h2 class="center red-text"&gt;&lt;i class="mdi-action-description"&gt;&lt;/i&gt;&lt;/h2&gt;
                  &lt;h5 class="center"&gt;Content Title 1&lt;/h5&gt;
                  &lt;p class="light"&gt; content Text 1 &lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;  &lt;!-- 1st column  end --&gt;
  
          &lt;div class="col s12 m4"&gt; &lt;!-- 2nd column --&gt;
              &lt;div class="icon-block z-depth-2"&gt;
                  &lt;h2 class="center red-text"&gt;&lt;i class="mdi-action-settings"&gt;&lt;/i&gt;&lt;/h2&gt;
                  &lt;h5 class="center"&gt;Content Title 2&lt;/h5&gt;
                  &lt;p class="light"&gt; content Text 2 &lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;  &lt;!-- 2nd column end --&gt;
  
          &lt;div class="col s12 m4"&gt; &lt;!-- 3rd column --&gt;
              &lt;div class="icon-block z-depth-2"&gt;
                   &lt;h2 class="center red-text"&gt;&lt;i class="mdi-action-help"&gt;&lt;/i&gt;&lt;/h2&gt;
                  &lt;h5 class="center"&gt;Content Title 3&lt;/h5&gt;
                  &lt;p class="light"&gt; content Text 3 &lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;  &lt;!-- 3rd column end --&gt;
      &lt;/div&gt;  &lt;!-- row end --&gt;
    &lt;/div&gt;  &lt;!-- section end --&gt;
  &lt;/div&gt; &lt;!-- container end --&gt;
  </code></pre>
  
  <p>While experimenting around I found out that those columns start to order themselves under each other (vertical layout) on a desktop device when the window width is <code>587px</code> or less, but I guess those might be (and likely are) some percent values. I was unable to find anything related in the <code>materializecss</code> code by searching for related classes and viewing their attributes.</p>
  
  <p>The question: <strong>how can I modify the width from which those columns start to stack vertically?</strong></p>