Adding logo/brand to Bootstrap Basic Navbar

So I've been trying to add the company logo to the new navbar of the site, but I'm having issues. I've tried several different tricks that I've read here and on other sites but nothing seems to be working. The logo is either too large and won't scale down when I try, it vanishes, etc. If someone could help me in figuring this out I'd be greatly appreciative. Here's the code I have right now (without a logo) as well as the CSS.

*HTML*

<nav class="navbar navbar-default">

  <!--Figure out how to make the brand logo show up-->

  <div class="container">

    <!-- Brand and toggle get grouped for better mobile display -->

<!--Navigation html-->   

    <div class="navbar-header">

      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myDefaultNavbar1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>

      <a class="navbar-brand" href="#">Brand</a> </div>

    <!-- Collect the nav links, forms, and other content for toggling -->

    <div class="collapse navbar-collapse" id="myDefaultNavbar1">

      <ul class="nav navbar-nav">

        <li><a href="#">About</a></li>

        <li><a href="#">Customers</a></li>

        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true">Services & Products <span class="caret"></span></a>

          <ul class="dropdown-menu">

            <li><a href="#">Cyber Security & Intelligence Programs Support</a></li>

            <li><a href="#">Space Operations & Control</a></li>

            <li><a href="#">C4ISR</a></li>

            <li><a href="#">Warfighter Support & Logistics</a></li>

            <li><a href="#">Weapons Systems Analysis</a></li>

            <li><a href="#">Acquisition Support</a></li>

            <li><a href="#">Test & Evaluation</a></li>

            <li><a href="#">Audio/Visual Technology Applications</a></li>

          </ul>

        </li>

        <li><a href="#">Contracts</a></li>

        <li><a href="#">News</a></li>

        <li><a href="#">Careers</a></li>

        <li><a href="#">Contact Us</a></li>

      </ul>

</div>

    <!-- /.navbar-collapse -->

  </div>

  <!-- /.container-fluid -->

</nav>

*CSS*

.navbar.navbar-default {
background-color: #FFFFFF;
border-bottom: medium solid #001689;
font-family: Atrament, "Agency FB", "Century Gothic", Arial, sans-serif;
font-size: large;
font-weight: normal;
font-variant: small-caps;
letter-spacing: 2pt;
}
.nav.navbar-nav li a {
color: #001689;
}
.dropdown-menu li a {
font-size: medium;
font-variant: normal;
letter-spacing: normal;
.row .nav.navbar-nav {
margin: 0px auto;
width: 715px;
float: none;
}
.row .navbar {
margin-bottom: 0px;