.article-container{ margin: 0 1rem;padding: 2rem 0;font-size: 1rem; }
.article-container .title{ font-size: 1.5rem;position: relative; text-indent: 1rem; }
.article-container .title:after{ content: " ";border-left: 4px solid #C4261D;
    position: absolute;height: 100%;left: 0; }
.article-container .about-info{ padding: 2rem 0;line-height: 2; }
.article-container .map{ width: 100%;height: 15rem; }

@media (min-width: 960px) {
    .article-container{ margin:0 15rem;padding: 2rem 0;font-size: 1rem; }
    .article-container .title{ font-size: 1.5rem;position: relative; text-indent: 1rem; }
    .article-container .title:after{ content: " ";border-left: 4px solid #C4261D;
        position: absolute;height: 100%;left: 0; }

    .article-container .about-info{ padding: 2rem 0;line-height: 2; }
    .article-container .map{ width: 100%;height: 30rem; }
}