/* Header */
.page-header {
    padding-bottom: 48px;
}

.header-img {
    width: 100%;
    height: 26vw;
    object-fit: cover;
    border-radius: 8px;
}

/* Divider */
.divider {
    height: 16px;
    background-color: var(--primary-lightest);
    opacity: .05;
    margin-bottom: 48px;
}

/* Article */
#article {
    margin-bottom: 24px;
}

.article-img {
    width: 100%;
    height: 29vw;
    object-fit: cover;
    margin-bottom: 16px;
    border-radius: 8px;
}

@media only screen and (max-width: 767.98px) {
    .header-img,
    .article-img {
        height: 50vw;
    }
}

@media only screen and (min-width: 768px) and (max-width: 997.98px) {
    .header-img {
        height: 50vw;
    }

    .article-img {
        height: 40vw;
    }
}