@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: 16px;
        font-weight: 600;
        font-family: "Cabin", sans-serif;
    }
}

@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);
}