#title {
    font-size: 25px
}

.myob .style-guide-nav .navbar-brand {
    background-image: url("../images/myob-logo.svg");
    background-repeat: no-repeat;
    height: 34px;
    width: 104px;
    background-size: 104px 34px;
    margin: 15px 15px 15px 20px;
}

@media (min-width: 768px) {
    .myob .style-guide-nav .navbar-subtitle {
        margin-top: 22px;
    }
}

.myob .style-guide-nav .navbar-nav {
    float: none
}

.myob .style-guide-nav .navbar-nav > li {
    float: none;
    word-break: break-all
}

.myob .style-guide-nav .nav > li > a {
    padding: 5px 10px 5px 20px;
}

.myob .style-guide-nav .sidebar ul ul li a {
    padding-left: 20px;
}

.myob .style-guide-nav .sidebar ul ul ul li a {
    padding-left: 35px;
}

.myob .style-guide-nav .nav .nav {
    display: none;
    padding-bottom: 10px
}

.myob .style-guide-nav .nav>.active>ul {
    display: block;
}


.myob .bs-docs-section ul {
    padding-left: 40px;    
}

/* ensure linking to anchors scrolls to correct position */
*[id]:before {
    display: block;
    content: " ";
    margin-top: -75px;
    height: 75px;
    visibility: hidden;
}

/* don't adjust the scroll position for search results as it covers the search
   input box and it cannot be clicked. 
 */
#search-results:before {
   content:none;
}