.news{position:relative;overflow:auto;margin-bottom:1em}
.news article{border-top:0;line-height:1.3em}
.news article+article{margin-top:0;border-top: dashed 1px #ccc;}
.news .pagination{width:100%;border-top:0;margin-bottom:0}
.news div+.pagination{border-bottom:0;margin-top:-3em}

.pagination+article,article+.pagination{margin-top:.3em}
.news article a{padding: 5px;clear:left;position:relative;display:block;overflow:hidden}
.news article a:hover,.news article a:hover{background:#f1f1f1}
.news article span {width:18%;height:6.25em;display:block;float:left;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover}
.news article span span{width:100%;height:6.25em;}
#content .news article h1{font-size:1.15em;margin-bottom:0}
.newsArticle .byline, .news article time{font-style: italic;font-size: .875rem; color: #000;margin-bottom: .5rem;display: block;}
.news article p{margin-bottom:0;color:#666}
.news article a div{float:left;padding-left:0; width:100%}
.news article a span+div{padding-left:10px;width:74%}
.news>div{border-bottom:1px solid rgba(0,0,0,.25);border-top:1px solid rgba(0,0,0,.25);margin:0 0 3em;display:table; width:100%}
.news>div+div{border-top:0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.news section{width: 33%; overflow: hidden;padding:0 1em;display:table-cell}
.news section:first-child{padding-left:0}
.news section:last-child{padding-right:0}
.news section>a{float:right;padding:5px}
.news section+section{border-left:1px dotted rgba(0,0,0,.15)}
#content .news section h1{padding:5px;margin-bottom:0;font-size:.9em;text-transform:uppercase;white-space: nowrap;overflow:hidden; text-overflow:ellipsis}
.news section div{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover}
.news section article{margin-top:0}
.news section div article div{width:100%;height:100px;margin-bottom:.5em}
.news section+p{clear:both}
.news footer img{position:relative;vertical-align:baseline;bottom:-.5ex}
.news article+p{margin-top:.5em;font-size:.9em;font-style:italic;text-align:right}
.newsArticle .byline{margin-bottom:2em;line-height:1.3em;}
.newsArticle .byline>*{display:block}
.news h2{margin-top:3em}
.fb-comments, .fb-comments>span, .fb-comments>span>iframe{width:100% !important}
.fb-comments, .fb-comments iframe[style] {width: 100% !important;}


@media (max-width: 750px) {
  .news article a{padding: 1em 1em;}
  .news article span {width: 100%}
  .news article span {display: block; height: 10rem; margin: 0 auto 2rem; float: none;width: 100%; }
  .news article span span{height: 10rem;float: none;width: 10rem;}
  .news article a span+div { float: none; width: 100%; }
}