/* Move down content because we have a fixed navbar that is 50px tall */

body
{
    padding-top: 50px;
    padding-bottom: 20px;
}

/**********************************
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: 15px;
    width: auto;
}

/*************************
EXAMPLES 2-7 BELOW 
**************************/

/* EXAMPLE 2 (larger logo) - simply adjust top bottom padding to make logo larger */

.navbar-brand>img
{
    padding: 7px 15px;
}

footer{
	 
    width:100%;
    min-height:10px;    
    background-color: #222; /* This color gets inverted color or you can add navbar inverse class in html */
}