CSS shows well in Firefox and Edge, but not in Chrome

my sinapsi.org shows quite well on Firefox and Internet Explorer/Edge, but...

In Chrome has no left margin! I tried adding padding-left: no way.

So please anybody could help me in showing well in Chrome too?

This is the lines in Jetpack CSS customize I added:

.entry-header .entry-title a {
color: red;
}

h1 {
color: red;
}

.site {
margin: 0 auto;
max-width: 960px;
max-width: 80.571428571rem;
overflow: hidden;
/* original max-width: 68.571428571rem; */
}

.site-content {
float: left;
width: 66.104166667%;
/* original width: 65.104166667%; */
}

.widget-area {
float: right;
width: 30.041666667%;
/* original width: 26.041666667%; */