.list {
}
.list-item {
	@media (min-width: 600px) {font-size: 1.25em}
	@media (min-width: 768px) {font-size: 1.5em}
	display: block;
	text-decoration: none;
	color: inherit;
	padding: 1em;
	background: #eee;
	margin-bottom: 1em;
	transition: 0.4s opacity ease-in-out;
	&:hover {opacity: 0.4;}
}
.list-item__title {font-weight: 700; margin-bottom: 0.25em}
.list-item__date {}