.video-list { float:left; width:calc(100% - 320px); }
.video-list > .video {
	float:left; width:calc(50% - 30px); margin-right:30px;
}
.video-list > .video:nth-child(n + 3) { margin-top:30px; }
.video-list .aspect-ratio {
	position: relative; padding-top:56.25%;
}
.video-list iframe {
	position: absolute; top:0; bottom: 0; left:0; right:0;
	width:100%; height: 100%; display: block;
}
.article-list { float:right; width:320px; }
.article-list > .article { padding:10px 15px; }
.article-list > .article:nth-child(odd) { background-color: #f4f4f4; }
.article-list .date { color:#888; display: block; font-size: 14px; margin-top:5px; }

@media screen and (max-width:1200px) {
	.video-list { width:65%; }
	.article-list { width:35%; }
	.video-list > .video { width:calc(100% - 30px); }
	.video-list > .video:first-child { margin-bottom:30px; }
}
@media screen and (max-width:768px) {
	.video-list, .article-list, .video-list > .video { float:none; width:auto; }
	.video-list { margin-bottom: 30px; }
	.video-list > .video { margin-right:0; }
}