.latest {
  display: block;
}
@media screen and (max-width: 1024px) {
  .latest {
    padding: 80px 0;
  }
}
@media screen and (max-width: 1599px) and (min-width: 1025px) {
  .latest {
    padding: 120px 0;
  }
}
@media screen and (min-width: 1600px) {
  .latest {
    padding: 154px 0 122px;
  }
}
@media screen and (min-width: 768px) {
  .latest__grid {
    display: grid;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .latest__grid {
    grid-template-columns: 68% 29%;
    grid-template-rows: auto auto auto;
    column-gap: 20px;
    row-gap: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .latest__grid {
    column-gap: 30px;
    grid-template-rows: auto auto;
  }
}
@media screen and (max-width: 1599px) and (min-width: 1025px) {
  .latest__grid {
    grid-template-columns: 41.5% 22% 32%;
    row-gap: 25px;
  }
}
@media screen and (min-width: 1600px) {
  .latest__grid {
    grid-template-columns: 41.5% 24% 30%;
    row-gap: 30px;
  }
}
.latest__item {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .latest__item:not(:last-child) {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
  }
}
.latest__item:nth-child(1) {
  grid-column: 1;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .latest__item:nth-child(1) {
    grid-row: 1;
    padding-right: 20px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 1025px) {
  .latest__item:nth-child(1) {
    grid-row: 1/span 2;
    padding-right: 30px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .latest__item:nth-child(1) img {
    height: 200px;
  }
}
@media screen and (max-width: 1599px) and (min-width: 1025px) {
  .latest__item:nth-child(1) img {
    height: 278px;
  }
}
@media screen and (min-width: 1600px) {
  .latest__item:nth-child(1) img {
    height: 350px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .latest__item:nth-child(1) .latest__text {
    margin-bottom: 42px;
  }
}
.latest__item:nth-child(2) {
  grid-column: 2;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .latest__item:nth-child(2) {
    grid-row: 1;
  }
}
@media screen and (min-width: 1025px) {
  .latest__item:nth-child(2) {
    grid-row: 1/span 2;
    padding-right: 30px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .latest__item:nth-child(2) img {
    height: 153px;
  }
}
@media screen and (max-width: 1599px) and (min-width: 1025px) {
  .latest__item:nth-child(2) img {
    height: 222px;
  }
}
@media screen and (min-width: 1600px) {
  .latest__item:nth-child(2) img {
    height: 269px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .latest__item:nth-child(3) {
    grid-column: 1/span 2;
    grid-row: 2;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 1025px) {
  .latest__item:nth-child(3) {
    grid-column: 3;
    grid-row: 1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 1599px) and (min-width: 1025px) {
  .latest__item:nth-child(3) {
    padding-bottom: 25px;
  }
}
@media screen and (min-width: 1600px) {
  .latest__item:nth-child(3) {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .latest__item:nth-child(4) {
    grid-column: 1/span 2;
    grid-row: 3;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 1600px) {
  .latest__item:nth-child(4) {
    grid-column: 3;
    grid-row: 2;
  }
}
@media screen and (min-width: 768px) {
  .latest__item:nth-child(3), .latest__item:nth-child(4) {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  .latest__item:nth-child(3) .latest__text, .latest__item:nth-child(4) .latest__text {
    margin: auto 0 0;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .latest__item:nth-child(3) .latest__thumbnail, .latest__item:nth-child(4) .latest__thumbnail {
    margin-right: 40px;
  }
}
@media screen and (max-width: 1599px) and (min-width: 1025px) {
  .latest__item:nth-child(3) .latest__thumbnail, .latest__item:nth-child(4) .latest__thumbnail {
    margin-right: 20px;
  }
}
@media screen and (min-width: 1600px) {
  .latest__item:nth-child(3) .latest__thumbnail, .latest__item:nth-child(4) .latest__thumbnail {
    margin-right: 30px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .latest__item:nth-child(3) img, .latest__item:nth-child(4) img {
    min-width: 292px;
    width: 292px;
    height: 158px;
  }
}
@media screen and (max-width: 1599px) and (min-width: 1025px) {
  .latest__item:nth-child(3) img, .latest__item:nth-child(4) img {
    min-width: 144px;
    width: 144px;
    height: 174px;
  }
}
@media screen and (min-width: 1600px) {
  .latest__item:nth-child(3) img, .latest__item:nth-child(4) img {
    min-width: 184px;
    width: 184px;
    height: 215px;
  }
}
@media screen and (max-width: 767px) {
  .latest__item .latest__text {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .latest__item img {
    height: 184px;
  }
}
.latest__text {
  margin-bottom: auto;
}
.latest .tag {
  align-self: flex-start;
  height: auto;
}
.latest h3 {
  margin-bottom: 20px;
}
@media screen and (min-width: 1025px) {
  .latest h3 {
    line-height: 1.35;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media screen and (max-width: 1599px) and (min-width: 1025px) {
  .latest h3 {
    max-height: 92px;
  }
}
@media screen and (min-width: 1600px) {
  .latest h3 {
    max-height: 96px;
  }
}
@media screen and (max-width: 1599px) and (min-width: 1025px) {
  .latest h3 {
    font-size: 20px;
  }
}
.latest img {
  object-fit: cover;
}

/*# sourceMappingURL=latest-posts.css.map */