body, html {
    background-color: #eee;
}


.main-logo {
    display: block;
    background: url('Image/if_vessel.png') no-repeat;
    width: 128px;
    height: 128px;
}



/**********************************
Responsive navbar-brand image CSS
- Remove navbar-brand padding for firefox bug workaround
- add 100% height and width auto ... similar to how bootstrap img-responsive class works
***********************************/

.navbar-brand {
    padding: 0px;
}

.navbar-brand > img {
    height: 100%;
    padding: 7px;
    width: auto;
}