article {
  padding: 30px 0;
  border-bottom: 1px solid #d8d4d4;
  position: relative;
}
@media screen and (max-width: 1024px) {
  article {
    display: block;
    border: none;
    margin: 0 auto;
  }
}
article:last-child {
  border-bottom: none;
}
article figure {
  display: inline-block;
  width: 35%;
  height: 40vh;
  background-color: #efefef;
  margin: 20px 0;
}
@media screen and (max-width: 1024px) {
  article figure {
    width: 81vw;
    height: 81vw;
  }
}
article figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
article .far {
  color: #b16106;
  padding-right: 15px;
}
article .inner-contents {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  article .inner-contents {
    display: block;
  }
}
article .inner-contents .content-details {
  width: 60%;
  align-self: center;
}
@media screen and (max-width: 1024px) {
  article .inner-contents .content-details {
    width: 100%;
  }
}
article .article-header {
  font-size: 23px;
  color: #b16106;
  position: absolute;
  left: 40%;
  top: 55px;
}
@media screen and (max-width: 1024px) {
  article .article-header {
    position: static;
  }
}
article .time {
  color: #808284;
}

.article-category {
  top: 150px;
}

/*# sourceMappingURL=blog.css.map */