Additional CSS for wide-screen Twenty Fourteen Wordpress theme

additional.css

pre {
  padding: 0;
  border: none;
}

article h3 {
	font-size: 20px;
}

code {
  font-family: Monaco, "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
	border: 1px solid #dddddd;
	border-radius: 3px;
	background-color: #f8f8f8;
	padding: 0px 1px
}

@media screen and (min-width: 1008px) {
  #page, #masthead {
    max-width: 100%;
  }

  .hentry {
    max-width: 100%;
  }

  .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .page-content {
    max-width: 80%;
  }

  .site-content .entry-meta {
     max-width: 100%;
  }

  .comments-area, .post-navigation {
    max-width: 80%;
  }

  .content-sidebar {
    width: 300px;
  }
}