.contents-container {
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	grid-template-areas: "feature feature feature cover" "department1 department1 department2 department2";
	grid-row-gap: 30px;
}
.contents-container .feature {
	grid-area: feature;
	border-bottom: 2px solid #999;
	padding:0 30px 20px 0;
}
.contents-container .department1 {
	grid-area: department1;
	margin: 0;
	padding:0 20px 0 0;
}
.contents-container .department2 {
	grid-area: department2;
	margin: 0 0 0 -1px;
	padding:0 0 0 20px;
	border-left: 1px solid #ccc;
}
.contents-container .cover {
	grid-area: cover;
	border-bottom: 2px solid #999;
	padding-bottom: 20px;
	font: 16px/1.2em Arial, Helvetica, sans-serif;
}
.contents-container .cover img {
	width:100%;
	height:auto;
	margin-bottom:7px;
}
.contents-container .cover a {
	color:#CC0000;
	text-decoration:none;
	border-bottom: none;
}
.contents-container .cover a:hover {
	opacity: .7;
	border-bottom:none;
}
.contents-container a {
	color:#444 !important;
	text-decoration:none;
	border-bottom: 1px #999 dashed;
}
.contents-container a:hover {
	color: #CC0000 !important;
	border-bottom: 1px #999 solid;
	text-decoration:none !important;
}
.contents-container h4 {
	font: 13px/1.1em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #51799F;
	letter-spacing: .1em;
	margin:30px 0 5px 0;
	font-weight: bold;
}
.contents-container h1 {
	font: normal 24px/1.1em Georgia, "Times New Roman", Times, serif;
	margin:20px 0 0 0;
}
.contents-container p {
	font: 16px/1.3em Arial, Helvetica, sans-serif;
	color: #444;
	margin: 7px 0;
}
.contents-container .author {
	text-transform: uppercase;
	color: #999;
	font: 13px/1em 'Oswald', sans-serif;
	letter-spacing: 1px;
	margin: -5px 0 30px 0;
}
.contents-container .department1 h1,
.contents-container .department2 h1 {
	font: 18px/1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:5px 0;
	color:#444;
}
.contents-container .department1 p,
.contents-container .department2 p {
	margin: 5px 0;
}
.contents-container h1.digest {
	margin-top:10px;
}
.contents-container .digest b {
	font: 13px/1em 'Oswald', sans-serif;
	text-transform:uppercase;
	color: #999;
}

/* Tablet, 768-999px */
@media only screen and (min-width: 768px) and (max-width: 999px) {
}
	/* Mobile, < 768 */
@media only screen and (max-width: 767px) {
.contents-container {
	grid-template-columns: 100%;
	grid-template-areas: "cover" "feature" "department1" "department2";
	grid-row-gap: 30px;
}
.contents-container .feature {
	grid-area: feature;
	border-bottom: 2px solid #999;
	padding:0 0 20px 0;
}
.contents-container .department1 {
	grid-area: department1;
	margin: 0;
	padding:0;
}
.contents-container .department2 {
	grid-area: department2;
	margin: 0;
	padding:0 0 30px 0;
	border-left: none;
}
}