@media screen and (min-width:769px) 
{
    .container-fluid {
    max-width: 95%;
    margin: 0 auto;
    position: relative;
}
#sidebar {
    margin: 32px 0 0;
    width: 20%;
}
#main-content {
    background: url(../img/bg-content2.png) no-repeat left top;
    float: right;
    margin-bottom: 2em;
    padding: 32px 0 0 28px;
    width: 80%;
}
    .navbar .nav{
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .navbar .navbar-inner .container-fluid{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .navbar .nav li{
        font-size: 20px;
        font-weight: 600;
        font-family: "Cabin", sans-serif;
    }
    #sidebar h3 {
        font-size: 22px;
        font-weight: 800;
        font-family: "Cabin", sans-serif;
        color: #204b9b;
        text-decoration: underline;
    }
    #sidebar .nav-list a {
        color: #008de4;
        font-family: "Cabin", sans-serif;
        font-weight: 500;
        font-size: 15px;
    }
    #sidebar .nav-list .active a, #sidebar .nav-list .active a:focus, #sidebar .nav-list .active a:hover {
        font-weight: 800;
        color: #204b9b;
        font-size: 18px;
    }
    #sidebar .nav-list a:hover{
        color: #204b9b;  
    }
    #docsSearch {
        background: linear-gradient(135deg, rgb(0, 152, 160) 0%, rgb(42, 75, 154) 100%);
    }
}

@media screen and (max-width:769px)
{
    .container-fluid {
        max-width: 100%;
        margin: 0 auto;
        position: relative;
}
    .row-fluid {
        display:flex;
        flex-wrap:wrap;
        flex-direction:column-reverse
    }
    #sidebar {
        width: 100%;
}
    #main-content {
        background: url(../img/bg-content2.png) no-repeat left top;
        width: 100%;
}
    td {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; 
    }
    .navbar .navbar-inner .container-fluid{
        padding: 0;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }
    .navbar .btn-navbar{
        position: relative;
        top: 0;
        right: -20px; 
    }
}
.brand img {
    content: url(https://www.clockrite.co.uk/wp-content/uploads/ClockRite-Logo-Cloud-Small.png);
}