.news{position:relative;overflow:auto;margin-bottom:1em}
.news article{border-top:0;line-height:1.3em}
.news article+article{margin-top:0.375rem;}
.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: 1em; clear: left; position: relative; display: block; overflow: hidden; border: 1px solid #e4e4e4; border-radius: 3px; background: rgba(0, 0, 0, 0.04);}
.news article a:hover,.news article a:hover{border-color: #3399CC}
.news article span {width:26%;height:6em;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:6em;}
#content .news article h2{font-size:1.15em;margin:0; color:#CC3333}
#content .news article a:hover h2{color:#3399CC}
.newsArticle .byline, .news article time{font-size:.8em;color:rgba(0,0,0,.5)}
.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{}
#content .newsArticle {margin-top: -0.75em}
#content .newsArticle h2 {margin: 0 0 0.5rem}
#content .newsArticle .byline{margin-bottom:2em; font-size:1rem; 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;}

.related-industries {width:100%; clear: both;}
.related-industries .title {display: block; color:#666; margin-bottom: 1em; font-weight: 700; font-style: italic}
.related-industries a {display: block; max-width:17rem; float: left; width: 31%; margin: 0 2% 2% 0; text-align:center}
.related-industries a .industry-image {transition: ease all 200ms; padding-bottom: 78%; border: 1px solid #ccc; margin-bottom:0.5em; background-size: cover; background-position: center}
.related-industries a:hover .industry-image {transform: scale(1.02)}
.related-industries a .industry-name {color: #3399CC; font-weight:700; font-size: 1.125em}

@media screen and (max-width: 750px) {
    .related-industries a {width: 100%; max-width:20em; float: none; margin: 0 auto 2em; text-align:center}
}