/* Basscss Base Typography */

.blogpost {
/*  font-family: "Merriweather", serif; line-height: 1.5; font-size: 100%;
*/
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(51, 51, 51);
    font-weight: 400;
    line-height: 1.75;
}

.blogpost h1, .blogpost h2, .blogpost h3, .blogpost h4, .blogpost h5, .blogpost h6 {
  font-family: "Lato", "Helvetica Neue", Helvetica, sans-serif; font-weight: 900; line-height: 1.25; margin-top: 1em; margin-bottom: .5em;
}

.blogpost a {
  color: #0076df;
  text-decoration: none;
}
.blogpost a:hover {
  text-decoration: underline;
}

.blogpost p, .blogpost dl, .blogpost ol, .blogpost ul { font-size: 1em; margin-top: 0; margin-bottom: 1em; }

.blogpost ol, .blogpost ul { padding-left: 2em; }

.blogpost pre, .blogpost code, .blogpost samp { font-family: "Source Code Pro", Consolas, monospace; font-size: .9em; border-radius: 0px;}

.blogpost pre { margin-top: 0; margin-bottom: 0em; overflow-x: scroll; }

.blogpost hr { margin-top: 2em; margin-bottom: 2em; }

.blogpost blockquote { margin-top: 2em; margin-bottom: 2em; margin-left: 0; padding-left: 1em; padding-right: 1em; }

.blogpost blockquote, .blogpost blockquote p { font-size: 1.1em; font-style: italic; }

.blogpost h1, .h1 { font-size: 2.4em; }

.blogpost h2, .h2 { font-size: 1.5em; }

.blogpost h3, .h3 { font-size: 1.25em; }

.blogpost h4, .h4 { font-size: 1em; }

.blogpost h5, .h5 { font-size: 0.875em; }

.blogpost h6, .h6 { font-size: 0.75em; }

.posts { margin: 0; }

.posts .post { margin-bottom: 0.75em; border-bottom: thin solid #dadada; }

.posts .post:last-child { border-bottom: none; margin-bottom: .375em; padding-bottom: 0; }

.post-link .post-title { margin-top: 0; font-weight: 600; color: #333; }

.post-footer { margin-top: .75em; text-align: center; }

.post-footer .avatar { margin: 2em 0; width: 100px; border-radius: 50%; }

.meta, .post-meta {
  width: auto;
  margin: 0;
  padding: .25em 0;
  font-style: italic;
}

.related-post-title { border-bottom: thin solid #f3f3f3; }

@media screen and (min-width: 600px) {
  .blogpost { font-size: 16px; }
}
@media screen and (min-width: 800px) {
  .blogpost { font-size: 18px; }
}
@media screen and (min-width: 992px) {
  .blogpost { font-size: 20px; }
}

article {
  margin-top: 2em;
}

h1.post-title {
  margin-bottom: .2em;
}

h1.post-title a {
  font-size: .9em;
  color:rgb(51, 51, 51);
  text-decoration: none;
}
.post-title a:hover {
  text-decoration: underline;
}

.blogpost .tags {
  margin-bottom: 0em;
  display: inline-block;
  float: right;
  margin-top: -.2em;
}

.post-date {
  display: inline-block;
  margin-bottom: .7em;
}