blockquote wider than content area to the right

I created a child theme of Twenty Fourteen

I wanted the main content area wider so i used the code below

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta, .page-content {
/* Original max-width: 474px */
max-width: 80%;
}

The problem I find with this now is that if I add an alignright blockquote it goes off the content area to the right.
this is only solved if I decrease max-width: to 60%;
The larger i make the percentage over 80% the more it runs off screen.

See example here https://www.embros.com/

(the images are aligned left)

Can anybody help me with a solution

Thanks in advance