Cacher is the code snippet organizer for pro developers

/*--------------------------------------------------------------
## Sitewide
--------------------------------------------------------------*/
body {
  background-color: #d3d3d3;
  color: #3d3d3d;
}

article,
aside {
  background-color: #ffffff;
  padding: 2em;
}

#page {
  background-color: #ebebeb;
}

.container { /* Add 'container' class to this div: <div id="content" class="site-content container">  and header: <div class="site-branding site-header"><div class="container"><div class="site-info">*/
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  padding-right: 1em;
}

#primary {
  float: left;
  width: 64%;
}

#secondary {
  float: right;
  width: 33%;
}

.hentry,
.widget {
  margin: 0 0 2em;
}

a {
  color: #de8027;
  text-decoration: none;
}

i {
  margin-right: 0;
}

.separator {
  margin-left: 1em;
  margin-right: 1em;
}

.post article {
  background-color: white;
}

.edit-link {
  float: right;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  padding: 1em 2em 1em 0;
  overflow: scroll;
  width: 45%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  padding: 1em 0 1em 2em;
  overflow: scroll;
  width: 45%;
}

.comment-navigation .nav-previous::before,
.posts-navigation .nav-previous::before,
.post-navigation .nav-previous::before {
  content: "\2190";
  padding-right: .7em;
}

.comment-navigation .nav-next::after,
.posts-navigation .nav-next::after,
.post-navigation .nav-next::after {
  content: "\2192";
  padding-left: .7em;
}

input.search-field {
  width: 100%;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
  background-color: #289fba;
  position: relative;
  width: 100%;
}

.site-info {
  margin: 0 auto -7px;
  padding-top: 2em;
  text-align: center;
}

.site-title h1,
.site-description h2,
.site-logo img {
  text-align: center;
}

#header-banner-ad img {
  margin-top: 7px;
}

.banner-ad {
  padding: 1em 0;
  text-align: center;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#colophon {
  border-top: 1px solid black;
}

.site-footer {
  background-color: #464646;
  color: #ebebeb;
}

.copyright {
  font-size: .9em;
  padding: .5em 0;
  text-align: center;
}
  .copyright a {
    color: #ebebeb;
}

.copyright a:hover {
  color: #de8027;
}


/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media (max-width: 1000px) {
  #primary,
  #secondary {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
} }
/*--- mobile portrait style ---*/
@media only screen and (max-width: 419px) {
  body .container {
    max-width: 395px;
} }