rut provides breakpoint-specific versions of each class to allow you apply the class’ attribute’s value only at certain
widths.  The following code will use the third font size by default, which are small screens, the fourth size on screens
between 30 and 60em and the fifth size on screens larger than 60em:</p>
<pre><code>&lt;div class=&quot;f-3 f-4-m f-5-l&quot;&gt;
  Responsive Design!
&lt;/div&gt;
</code></pre>
<h3>Pseudo Classes</h3>
<p>Brut also provides a limited number of classes available for ps