main.master>section.master div#trending{
	height:302px;
	overflow-y:hidden;
	margin:0.75em 0px;
}
main.master>section.master div#trending article{
	height:300px;
	overflow:hidden;
	border:1px solid #006e29;
	display:flex;
	box-pack: center;
    justify-content: center;
	box-align: center;
    align-items: center;
}
main.master>section.master div#trending img{
	border:1px solid #000;
	margin:auto;
}
main.master>section.master div#trending article a{
	border-bottom:0px;
	color:#000;
}
main.master>section.master div#trending article>div{
	margin:auto;
	padding:0px 0.5em;
}
main.master>section.master div#trending article>div+div{
	max-width:900px;
}
main.master>section.master div#trending article>div>header{font-size:150%;}
main.master>section.master div#trending article>div>header>span{
	border-top:1px solid #bbb;
	color:#555;
	display:block;
	font-size:50%;
	margin:0.5em 0px;
}
main.master>section.master div#trending article>div>header>span a{color:#555;}
main.master>section.master div#trending article>div>header>span a+a{float:right;}
main.master>section.master div#trending article>div div.progress{
	background-color:#d8e8c2;
	border-radius:4px;
	border:1px solid #006e29;
	height:12px;
	margin-bottom:0.5em;
	overflow:hidden;
	position:relative;
}
main.master>section.master div#trending article>div div.progress>div{
	background-color:#77b753;
	border-radius:4px;
	display:inline-block;
	height:12px;
	position:absolute;
}
main.master>section.master div#trending article>div ul{
	background-color:#eee;
	font-size:80%;
	list-style:none;
	margin:0px;
	padding:1.25em 0px;
	text-align:center;
}
main.master>section.master div#trending article>div ul li{
	display:inline-block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-align:left;
	width:19%;
}
main.master>section.master div#trending article>div ul li span{
	color:#777;
	display:block;
	font-weight:normal;
}
main.master>section.master div#trending article>div p{margin:0.5em 0px;}
@media all and (max-width:950px) {
	main.master>section.master div#trending article>div ul+ul{display:none;}
}
@media all and (max-width:820px) {
	main.master>section.master div#trending article>div ul li:first-child{display:none;}
	main.master>section.master div#trending article>div ul li{width:24%;}
}
@media all and (max-width:720px) {
	main.master>section.master div#trending img{width:200px;}
}
@media all and (max-width:590px) {
	main.master>section.master div#trending img{display:none;}
}