title: How to increase Bootstrap navbar-brand font-size?
body: <p>I've got a basic bootstrap navbar with a brand in there. The start of my html looks like this:</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
      &lt;div class="navbar navbar-white navbar-fixed-top" role="navigation"&gt;
          &lt;div class="container"&gt;
              &lt;div class="navbar-header"&gt;
                  &lt;a class="navbar-brand" href="/"&gt;MyAwesomeCompany&lt;/a&gt;
                  etc.
  </code></pre>
  
  <p>which looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/vBxlv.png" rel="noreferrer"><img src="https://i.stack.imgur.com/vBxlv.png" alt="enter image description here"></a></p>
  
  <p>I now want to change the font to <code>Lato</code> and increase the font, so I added the following to the <code>&lt;head&gt;</code>:</p>
  
  <pre><code>&lt;link href='https://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'&gt;
  &lt;style&gt;
  .navbar-brand
  {
    font-family: 'Lato', sans-serif;
    color:grey;
    font-size: 100px;
    margin: 0px;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>but now it looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/FdO5m.png" rel="noreferrer"><img src="https://i.stack.imgur.com/FdO5m.png" alt="enter image description here"></a></p>
  
  <p>As you can see in the css I tried increasing the font-size to 100 pixels, but it stays so small. Does anybody know what I can do to increase the <code>font-size</code> of the brand? All tips are welcome!</p>