    <style>

      #header-nav{
    background-color:#808080;
    padding:10px;
    border-top:2px solid black;
    border-bottom:2px solid black;
    border-radius:0;
    margin-left:-10px;
    margin-right:-10px;
   
}

}
#heading{
  padding-bottom:25px;
  font-family:cursive;
}
    #main
{
 background-color:#808080;
margin-left:26px;
margin-right:0px;
padding-left:10px;
padding-right:10px;
font-family:cursive;
}

.navbar-toggle collapsed{
color:white ;
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: white;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
@media(min-width:768px){
.dropdown{
   color:blue;
}
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.container {
    width: auto;
}
</style>
