.article-container, .text-container {
    font-size: 17px;
    font-weight: 400;
}

.article-container a, .text-container a {
    color: var(--primary);
    text-decoration: underline;
    word-wrap: break-word;
}

.article-container p, .text-container p {
    font-weight: 400;
    line-height: 26px;
}

.article-container h1, .text-container h1 {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
}

.article-container h2, .text-container h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.article-container h3, .text-container h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.article-container h4, .text-container h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.article-container h5, .text-container h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.article-container h6, .text-container h6 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.article-container strong, .text-container strong {
    font-weight: 700;
}

.article-container ul li, .text-container ul li {
    font-weight: 400;
    line-height: 26px;
    list-style-type: disc;
    margin-bottom: 8px;
}

@media only screen and (max-width: 1024px) {
    .article-container, .text-container {
        font-size: 16px;
    }
}