body {
       
          position: relative;
      }
      
      pre {
          tab-size: 8;
      }
    
      @media screen and (max-width: 768px) {
          .side-collapse-container{
              width:100%;
              position:relative;
              left:0;
              transition:left .4s;
          }
          .side-collapse-container.out{
              left:150px;
          }
          .side-collapse {
              top:100px;
              bottom:0;
              left:0;
              width:150px;
              position:fixed;
              overflow:hidden;
              transition:width .4s;
              
          }
          .side-collapse.in {
              width:0;
          }
      }
      
.navbar-header{
	#background-color: #EAE5D0;
	background-color: #FFFFFF;
		border-color: #C0C0C0;}
		
.navbar-inverse {
	background-color: #FFFFFF;
	border-color: #6A3C1F;
}
	
	.navbar-collapse { background-color: #FFFFFF;
	border-color: #FF0000;;

}
.navbar-inverse .navbar-toggle {
	border-color: #6A3C1F;
}
}

.dropdown-menu {
	background-color: #FFFFFF;
    border-color: #6A3C1F;
    color: #6A3C1F;}

.dropdown-menu > li > a {
	color: #6A3C1F;
}

			

			
.navbar-inverse .navbar-nav > li > a {
	border-color: #6A3C1F;
	color: #6A3C1F;
}

.navbar-inverse .navbar-nav > li > a:hover { 
     color:black
 }
 .navbar-toggle .pull-right {
background-color:	gray}
.icon-bar {
	background-color:gray
}

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	
	border-color: #6A3C1F;
	color: #6A3C1F;

}
.navbar-inverse .navbar-nav > li > a {
	border-color: #6A3C1F;
	color: #6A3C1F;

}
 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
 	border-color: #6A3C1F;
	color: #6A3C1F;
}
 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
	color:black
}