.newsList { padding: 30px; }
.newsItem { position: relative; display: block; color: #000; border-bottom: 1px solid #ccc; }
.newsItem { float: left; width: 50%; }
.newsItem .itemInner { position: relative; padding: 30px; min-height: 205px; top: 0; }
.newsItem img { position: relative; float: left; display: block; margin-right: 30px; }
.newsItem .date { position: absolute; left: 22px; top: 38px; background: #4edcb7; color: #fff; font-weight: 900; text-align: center; font-size: 16px; line-height: 20px; height: 40px; width: 50px; padding: 13px 8px; z-index: 1; }
.newsItem .date .y { font-weight: 300; }
.newsItem .title { font-size: 22px; margin: 18px 0 8px; font-weight: 900; }
.newsItem img, .newsItem .title {
  -moz-transition: color .3s ease-out, margin .3s ease-out;
  -webkit-transition: color .3s ease-out, margin .3s ease-out;
  -ms-transition: color .3s ease-out, margin .3s ease-out;
  -o-transition: color .3s ease-out, margin .3s ease-out;
  transition: color .3s ease-out, margin .3s ease-out;
}
.newsItem:hover .title { color: #3dc3a0; }
.newsItem:hover img { margin-top: -8px; }

.articlePage .header { position: absolute; top: 0; left: 0; width: 100%; background: transparent; }
.articleHeadline { background: #000 no-repeat center 0 fixed; }
.articleHeadline .sectionWrapper { min-height: 300px; }
.articleHeadline .txt { padding: 184px 0 40px 491px; margin-left: 40px; color: #fff; }
.articleHeadline .date { color: #4edcb7; font-size: .9em; font-weight: 900; }
.articleHeadline .title { font-size: 3.5em; font-weight: 100; }
.articleInner .imgCnt { margin: -200px auto 30px; }
.articleInner .imgCnt img { display: block; margin: 0 auto; width: 546px; }
.articleHeadline .imgCnt { position: absolute; top: 150px; left: 0; }
.articleHeadline .imgCnt img { display: block; margin: 0; width: 491px;
  box-shadow: 0 0 60px rgba(255,255,255,.04);
}
.articleInner { padding: 0 0 0 491px; }
.articleInner .body { padding: 40px 40px 0; }