Custom CSS to make the Wordpress twenty fourteen theme full-width.

twenty-fourteen-full-width.css

/*
 * Tweaks to the default Wordpress twenty fourteen theme to make it full-width.
 */

/* Make entries full-width instead of the default 474px wide. */
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	margin: 0 auto;
    /* max-width: 474px; */
	max-width: 100%;
}

/* Don't pull featured images off into a left margin that's no longer there. */
.full-width .site-content blockquote.alignleft,
.full-width .site-content img.size-full.alignleft,
.full-width .site-content img.size-large.alignleft,
.full-width .site-content img.size-medium.alignleft,
.full-width .site-content .wp-caption.alignleft {
    /* margin-left: -168px; */
    margin-left: 0px;
}

I added this to my themes custom CSS file, but nothing seems to change. Any suggestions?

I tried this but the images are still showing in 474px size. Anything I'm missing for the images?