.article-archive__container {
  width: 90.6%;
  margin: 0 4.7%;
  padding: 4.8rem 0 4rem;
  max-width: 150rem;
  margin: 0 auto;
}
/* article Items */

.article__holder {
  display: flex;
  flex-wrap: wrap;
}

.article__item {
  width: 100%;
  margin: 0 0 9rem;
  text-align: left;
}

.article__item:not(:last-child) {
  margin: 0 0 9rem;
}

.article__image {
  width: 100%;
  margin: 0 0 3.6rem;
}

.article__content-holder {
  width: 100%;
}

.article__meta {
  font-size: 1.3rem;
  line-height: 2.7rem;
  letter-spacing: 0.024rem;
  color: #202327;
  font-weight: 600;
  display: block;
  margin: 0 0 0.3rem;
}

.article__meta a {
  text-decoration: underline;
}

.article__item-title {
  font-size: 2.6rem;
  line-height: 2.7rem;
  color: #000000;
  margin: 0 0 1.2rem;
}

.article__text {
  font-size: 1.6rem;
  line-height: 2.7rem;
  color: #2e2e2e;
  margin: 0 0 3.2rem;
  text-align: left;
}

.article__content-holder .btn {
  width: 20rem;
  max-width: 20rem;
  padding: 1.7rem;
}

#load_more {
  padding: 2.1rem 7.5rem 2rem;
  background: transparent;
  margin: 0 auto;
}

@media (min-width: 768px) {
  #post-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 6rem 2rem;
  }

  .article__item,
  .article__item:not(:last-child) {
    margin: 0 ;
  }
}

@media (min-width: 1024px) {
  .article-archive__container {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
  }

  .article__content-holder {
    width: 90%;
  }

  .archive__footer {
    width: calc(100% - 34rem);
    margin: 4rem 0 0 34rem;
  }
}

@media (min-width: 1200px) {
  #post-container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 1440px) {
  #post-container {
    grid-gap: 7rem 9rem;
  }

  .article-archive__container {
    padding: 12rem 0 10rem;
  }

  .article__content-holder {
    width: 100%;
  }

  .archive__footer {
    width: calc(100% - 42rem);
    margin: 8rem 0 0 42rem;
  }
}

@media (min-width: 1920px) {
  .article-archive__container {
    width: 100%;
  }

  .archive__footer {
    width: calc(100% - 46rem);
    margin: 8rem 0 0 46rem;
  }
}