/* Стили содержания статей. Подключается только на страницах статей. */

/* Статья */
.article-content h2 {
    margin-top: 44px;
    margin-bottom: 18px;
}

.article-content h3 {
    margin-top: 30px;
    margin-bottom: 14px;
}

/* Одиночная фотография */
.article-content .one-image {
    display: block;
    clear: both;
    margin: 30px 0 44px;
}

/* Само изображение */
.article-content .one-image img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* Подпись или ссылка под фото */
.article-content .one-image span,
.article-content .one-image > a {
    display: block;
    margin-top: 10px;
    line-height: 1.45;
}

/* Группа из нескольких фотографий */
.article-content .image-group {
    display: block;
    clear: both;
    margin: 30px 0 44px;
}

/* Внутри группы между фотографиями */
.article-content .image-group .one-image {
    margin: 0 0 26px;
}

/* После последней фотографии лишний внутренний отступ не нужен */
.article-content .image-group .one-image:last-child {
    margin-bottom: 0;
}

/* Мобильная версия */
@media screen and (max-width: 640px) {
    .article-content .one-image,
    .article-content .image-group {
        margin-top: 24px;
        margin-bottom: 36px;
    }

    .article-content .image-group .one-image {
        margin-bottom: 20px;
    }

    .article-content h2 {
        margin-top: 36px;
    }
}