/*-- -------------------------- -->
<---        Blog Articles       -->
<--- -------------------------- -*/
/* Tablet - 768px */
@media only screen and (min-width: 0rem) {
  .recent-articles .blog-mainImage {
    height: clamp(250px, 30vw, 300px);
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  .blog-container {
    max-width: 90rem;
  }
  .main-content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: 1fr;
    align-items: stretch;
    gap: 1.25rem;
  }
  .recent-articles {
    grid-column: span 6;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0 0 0.5rem 0.5rem;
  }
  .recent-articles .article-group {
    height: 100%;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 64rem) {
  .recent-articles {
    grid-column: span 4;
  }
}