.article--snippet .article__content,
.Article--snippet .Article__content {
    position: relative;
}

.article__title,
.Article__title {
    margin-bottom: 2em;
    font-size: 1.65em;
}

.article--static,
.article--snippet,
.article--template,
.Article--static,
.Article--snippet,
.Article--template {
    padding: 2em 0;
}

.at-articleTitles + .article--snippet,
.at-articleTitles + .article--static,
.at-articleTitles + .article--template,
.at-ArticleTitles + .Article--snippet,
.at-ArticleTitles + .Article--static,
.at-ArticleTitles + .Article--template {
    padding-top: 2.5em;
}

.at-articleTitles + .Article {
    padding-top: 2vh;
}

@media (min-width: 768px) {
    .article--static,
    .article--snippet,
    .article--template,
    .Article--static,
    .Article--snippet,
    .Article--template {
        padding: calc(2em + 2vh) 0;
    }
}

.article:not(.at-newsletter):last-child,
.Article:not(:where(.at-newsletter, .at-contact)):last-child {
    padding-bottom: 0;
}
