#blog-article-header {
  overflow: hidden;
  padding-top: 0;
}
#blog-article-header .article {
  float: left;
  width: 100%;
}
#blog-article-header .cover {
  float: left;
  position: relative;
  width: calc(40% - 12.5px);
  margin: 0 1em 1em 0;
  background-color: rgba(72,93,34,0.75);
}
#blog-article-header .cover img {
  min-height: 100%;
  max-height: inherit;
  max-width: inherit;
  width: 100%;
}
#blog-article-header .content p {
  float: left !important;
  width: 100%;
}
#blog-article-header .content ul {
  margin: 1em 0 0;
}
#blog-article-header h1 {
  font-family: Ubuntu, sans-serif;
  color: #485D22;
  font-weight: 700;
}
#blog-article-header .info {
  font-family: Ubuntu, sans-serif;
  color: #485D22;
}
#blog-article-header .info li {
  float: left;
  padding-right: 1.5em;
}
#blog-article-header .info i {
  color: #485D22;
}
#blog-article-header .perex {
  float: left;
  width: 100%;
  font-family: Ubuntu, sans-serif;
  font-weight: 700;
  font-size: 1.25em;
  line-height: 1.5em;
  padding: 1em 0;
}
#blog-article-header .content {
  font-family: Ubuntu, sans-serif;
  line-height: 1.7em;
}
#blog-article-header .content p {
  clear: none;
}
@media only screen and (min-width: 768px) {
  #blog-article-header .cover {
    width: calc(50% - 12.5px);
    margin: 0 1em 0 0;
  }
  #blog-article-header .cover .category {
    margin-top: 8.5em;
  }
}
@media only screen and (min-width: 568px) {
  #blog-article-header .cover {
    width: 100%;
    margin: 0 1em 0 0;
  }
  #blog-article-header .cover .category {
    margin-top: 8.5em;
  }
  #blog-article-header h1 {
    float: left;
    padding: .5em 0;
    text-align: left;
  }
}
@media only screen and (min-width: 320px) {
  #blog-article-header .description,
  #blog-article-header .content {
    float: left;
  }
  #blog-article-header .cover {
    width: 100%;
    margin: 0 1em 0 0;
  }
  #blog-article-header .cover .category {
    margin-top: 8.5em;
  }
}