/* CSS used here will be applied after bootstrap.css */

html,body {
	height:100%;
    /*padding-top:50px;*/
}

section {
  height:calc(90% - 50px);
}

.affix {
	padding:0px;
    -webkit-transition:padding 0.5s linear;
    -moz-transition:padding 0.5s linear;  
    -o-transition:padding 0.5s linear;         
    transition:padding 0.5s linear; 
}

.affix-top {
	padding:20px;
    -webkit-transition:padding 0.2s linear;
    -moz-transition:padding 0.2s linear;  
    -o-transition:padding 0.2s linear;         
    transition:padding 0.2s linear; 
}


/**********************************
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;
}