Narrow text in center column

Hello all.

I am trying to understand why my posts are looking squished on widescreen monitors. I would like each post to begin much further to the left and the categories section flushed right. Is there a simple way to do this in CSS? I’ve been experimenting with using the Additional CSS for days and still no success.

.wrap {

??? margin-left: 20px;

??? margin-right: 0px;

width: 120%;

??? max-width: 100%;

??? padding-left: 4em;

??? padding-right: 4em;

}

#primary.content-area {

max-width: 1500px;

text-align: justify;

}

#secondary.widget-area {

width: 20%;

margin-right: 40px;

}

h1 {

text-align: left;

}

body.page-two-column:not(.archive) #primary .entry-content? {

float:left;

clear:both;

}

  

The page I need help with: [log in to see the link]