@media screen and (min-width: 59.6875em) {
        body:before {
                left: 5%;
                width: 24.4118%;
        }
        .sidebar
        {
                margin-right: -95%; margin-left: 5%;
                max-width: 353px;
                width: 24.4118%;
        }
}
@media screen and (min-width: 87.6875em) {

        body:before {
                left: calc( 50% - 610px );
                width: 318px;
        }
        .sidebar
        {
                margin-right: -95%;
                margin-left: 80px;
                max-width: 353px;
                width: 24.4118%;
        }
}