.blog-page a {
    text-decoration: underline;
}

.blog-page .title-large{
    margin-top: 4rem;
    margin-bottom: 2rem;
    text-align: center;
}
@media (max-width: 1080px) {
    .blog-page .title-large{
        margin-top: 2rem;
    }
}

.blog-page .articles-grid {
    display: grid;
    max-width: 100%;
    gap: 3rem;
    grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1450px) {
    .blog-page .articles-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 1080px) {
    .blog-page .articles-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 650px) {
    .blog-page .articles-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

.blog-page .articles-grid article {
    display: flex;
    flex-direction: column;
}

.blog-page .articles-grid article img {
    border: 1px solid var(--color-light-grey);
}

.blog-page .articles-grid .image-link-container {
    order: 1;
}

.blog-page .articles-grid .time-stamp {
    order: 2;
    margin-top: .7rem;
    opacity: .8;
}

.blog-page .articles-grid .title-small {
    order: 3;
    margin: .7rem 0;
    text-decoration: none;
}

.blog-page .articles-grid .excerpt {
    order: 4;
    display: flex;
    flex-direction: column;
}

.blog-page .articles-grid .excerpt .read-more {
    margin-top: 1rem;
    align-self: flex-end;
    text-decoration: none;
}

.blog-page .articles-grid .read-more span::after {
    content: ' →';
}

.blog-page .blog-nav { 
    display: flex;
    justify-content: center;
    margin-top: 6rem;
}

.blog-page .blog-nav a { 
    padding: .7rem;
    text-transform: uppercase;
}