/*

Base styles

*/ .bd-navbar{

border-bottom: 2px solid lightsteelblue;
min-height: 40px;
margin-bottom: 20px;

}

.bd-brand{

height: auto;
padding: 8px;
color: #000000;
font-weight: bolder;
font-family: "Monaco", "Inconsolata", "Consolas", monospace;
font-size: 13px;

}

.bd-nav{

margin-bottom: 0;
padding-bottom: 0;
padding-right: 15px;
font-size: 100%;

} .bd-nav a{

color: #000000;

}

.bd-sidenav{

width: 240px;
margin: 30px,0,0;
padding: 0;
background: #ffffff;

} .bd-sidenav>li>a{

display: block;
width: 190px;
margin: 0,0 -1px;
padding: 8px 14px;
border: 1px solid lightsteelblue;

} .bd-sidenav.affix{

top: 40px;

} .bd-sidenav.affix-bottom{

position: absolute;
top: auto;
bottom: 270px;

}

.bd-sidenav>li:first-child>a{

border-radius: 6px 6px 0 0;

} .bd-sidenav>li:last-child>a{

border-radius: 0 0 6px 6px;

}

.bd-sidenav>li.active>a{

position: relative;
z-index: 2;
padding: 9px 15px;
border: 0;
background: lightblue;
color: black;

}

.bd-sidenav .glyphicon-chevron-right{

float: right;
color: #000000;
font-size: 25px;

}

.section{

display: inline-block;
padding: 10px;

}

.section h1{

margin-top: 10px;
padding-bottom: 5px;
border-bottom: 1px inset lightsteelblue;

}

/*

Desktop large

*/ @media (max-width: 1200px) {

.bd-sidenav{width: 284px}

} /*

Desktop

*/

@media (max-width: 980px){

.bd-sidenav{
    top: 0;
    width: 218px;
    margin-top: 30px;
    margin-right: 0;
}

}

/*

Tablets to desktop

*/ @media (min-width: 768px) and (max-width: 979px) {

.bd-sidenav{
    width: 166px;
    margin-top: 20px;
}
.bd-sidenav.affix{
    text-outline: 0;
}

}

@media (max-width: 767px) {

.bd-sidenav{
    width: auto;
    margin-bottom: 20px;
}

}

/*

Landscape phones

*/ @media (max-width: 480px) {

}