Over-riding twitter bootstrap navbar font colors.

Hi, I'm building myself a CV using Twitter bootstrap CSS framework.

I'm currently building the navigation bar. I want to over-ride the font colour to make it white rather than the grey it is currently set to. I have a my-styles.css file that is linked to in the top of my index.html file. The code looks like the following:

<div class="navbar navbar-inverse navbar-fixed-top logo">
    <div class="container">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand text-muted logo">Gareth Edwards CV</a>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav navbar-right">
              <li><a href="#">Career History</a></li>
              <li><a href="#">Education</a></li>
              <li><a href="#">Interests</a></li>
              <li><a href="#">Other</a></li>
          </ul>
        </div>
    </div>
  </div>

I added the class of logo to the "Gareth Edwards CV" link in the top right hand side of my page. In my-styles.css I attempted to over-ride the colour by using the folling css

.logo {
    color: white;
}

This doesn't work so I also tried targeting the .navbar-inverse, .navbar-brand classes using the same CSS but to no avail. I can see in the chrome development tools' elements section that the CSS being applied to the logo is :

.navbar-inverse .navbar-brand {
     color: #999;
}

Can anyone tell me how to over-ride the twitter bootstrap navbar classes without changing the bootstrap.min.css file?

Any help would be greatly appreciated. Thanks