/*==================================
    articleList
==================================*/

.article-archive {
    
}

    .article-archive-title-wrapper {
        
    }

    .article-item {
        margin-top: 30px;
        margin-bottom: 30px;
    }

            .article-image {
                max-width: 100%;
                border: 1px solid #ececec; 
            }

        .article-content-wrapper {

        }

        .article-text-ingress {

        }

        .article-text-content {

        }

        .article-button {

        }

    .article-archive-footer {
        margin: 15px auto;
        text-align: right;
    }

        .article-archive-button {

        }
        
/*==== End of articleList ====*/

/*==================================
    Responsive
==================================*/

@media screen and (max-width:767px) {

    .article-archive .article-image {
        margin-bottom: 1rem;
    }
    
    .article-archive .article-title {
        font-size: 1.25rem;
    }

}

/*==== End of Responsive ====*/