title: CSS: font-family in body doesn't apply to content
body: <p>I'm using google font api, this code works when I move the font-family line into encapsulated classes and ids, Why is it that I have to move my font-family line into .banner for it to affect text inside my banner class</p>
  
  <p>css:</p>
  
  <pre><code>body{
      font-family: 'Crimson Text';
      font-size: 15px;
      margin: 0px;
  
  
      .banner {
          otherstuff
      }
  
  }
  </code></pre>
  
  <p>html.erb:</p>
  
  <pre><code>&lt;div class="banner"&gt;
      &lt;%= image_tag("logo.png")%&gt;
      &lt;div class="login_menu_bar"&gt;
          &lt;label&gt;login&lt;/label&gt;
          &lt;label&gt;password&lt;/label&gt;
          &lt;/br&gt;
          yeah
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>