@media all and (max-width:1600px) {
    :root {
        --width-content: 1100px;
    }

    .articles-home-page > a .text .city-and-date {
        margin-top:15px;
    }

    .articles-home-page > a .text .city-and-date .city {
        width:100%;
        margin-bottom:10px;
    }

    .articles-home-page > a .text .city-and-date .date {
        width:100%;
        margin-left:0;
    }

    .article-container .article-header .article-pictures {
        width:calc(100% - 500px - 32px);
    }

    .article-container .article-header .article-content {
        width:500px;
    }

    .article-container .article-header .article-content h1 {
        font-size:36px;
        line-height:42px;
    }

    .article-container .article-header .article-pictures .main-picture {
        height:calc((var(--width-content) - 500px - 32px) * 13 / 16);
    }

    .article-container .article-header .article-pictures .thumbnails .thumbnail {
        height:calc((((var(--width-content) - 500px - 32px) - 30px) / 3.7 - 6px) * 13 / 16);
    }
}