.navbar a.navbar-brand,
.navbar-inverse a.navbar-brand {
        text-indent: -999em;
        background-image: url('images/logo.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center;
        width: 315px;
}

@media (max-width: 500px) {
        .navbar a.navbar-brand,
        .navbar-inverse a.navbar-brand {
                width: 250px;
        }
}