#blog-article-header .article,
#blog-article-header .cover,
#blog-article-header .info,
#blog-article-header .attributes,
#blog-article-header .description,
#blog-article-header .content {
  float: left;
  position: relative;
  width: 100%;
}
#blog-article-header .cover {
  margin: 0 1rem 1em;
}
#blog-article-header .attributes {
  font-family: Ubuntu, sans-serif;
  font-weight: 900;
  font-size: .9em;
  color: #485D22;
  padding: 1em 0;
}
#blog-article-header .attributes li {
  float: left;
  list-style: none;
  padding-right: 1.5em;
}
#blog-article-header .attributes i {
  color: #485D22;
}
#blog-article-header .description {
  font-family: Ubuntu, sans-serif;
  line-height: 1.5em;
  font-size: 1.25em;
  padding: 1em 0 0;
}
#blog-article-header .content {
  font-family: Ubuntu, sans-serif;
  line-height: 1.7em;
}
#blog-article-header .content p {
  clear: none;
  width: inherit;
  float: none;
}
@media only screen and (min-width: 320px) {
  #blog-article-header h1 {
    padding: .5em 0;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  #blog-article-header .cover,
  #blog-article-header .info {
    width: calc(50% - 0.5rem);
  }
  #blog-article-header .info {
    float: right;
  }
  #blog-article-header .cover {
    margin: 0 0 .5em;
  }
  #blog-article-header .cover .category {
    margin-top: 8.5em;
  }
}
@media only screen and (min-width: 1200px) {
  #blog-article-header .cover .category {
    margin-top: 8.5em;
  }
}