.blog-list{
	text-align:left;
	padding: 1em 1em 2em 1em;
	margin:1em 0;
	border-bottom:1px dotted #000;
	display:flex;
	opacity:1;
	transition: ease .2s;
}
.blog-list:hover{
	opacity:.6;
	transition: ease .2s;
}
.blog-list time{
	width: 20%;
}
.blog-list span{
	width: 80%;
}

@media screen and (max-width: 768px) {
.blog-list,.blog-list time,.blog-list span{
	display:block;
}
.blog-list time,.blog-list span{
	width: 100%;	
}
.blog-list time{
	margin-bottom:1em;
}
.blog-list span{
	font-weight: 800;
}
}