batharoy

Activate the custom css module in Jetpack setting if you haven’t already.
Add this to custom css, you will have to change the link to your logo.
You may also have to change the padding-left values based on your logo size.

.site-branding {
    background: url('http://upload.wikimedia.org/wikipedia/commons/e/e7/Mozilla_Firefox_3.5_logo_256.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.site-title {
    padding-left: 100px;
}
.site-description {
    padding-left: 100px;
}

The down side to this method is no link to the home page for the logo.
If you want the logo linked to your homepage, it will require editing a core php file and needs to be done in a child-theme.

You will want to ask your question here.
This forum is for WordPress.org self hosted sites.

The proper way to do this requires editing a core php file.
You should first create a child-theme.

.navbar-inner {
    background: red;
}

#custom-logo {
text-align: center;
}

Add to a child-theme or custom css plugin, if your theme doesn’t already allow custom css.

.site-header {
opacity: 1;
}

Add this to either a child-theme or a custom css plugin, if your theme doesn’t already have an area for custom css.

#page {
    max-width: 100%
}