body{
	font-family: "Helvetica", "Arial", sans-serif;
	padding: 20px;
	background-color: #121212;
	color: #888;
	display: inline-table;
}
h1{
	color: #fff;
	font-size: 1.7rem;
	font-weight: 100;
}
h2{
	color: #fff;
	font-size: 1.2rem;
	background-color: #242424;
	padding: 20px 20px 10px 20px;
	margin-bottom: 0;
	font-weight: 400;
	border-bottom: 1px solid #3a3a3a;
	border-radius: 7px 7px 0 0;    
}
ul{ list-style: none; }
ul#info{ padding: 0; }
/* ul:first-of-type{
	padding: 20px 0;
	color: #bbb;
}
ul:not(:first-of-type){
	padding: 20px;
	margin-top: 0;
	background-color: #242424;
	border-radius: 0 0 7px 7px;
} */
ul{
	padding: 20px;
	margin-top: 0;
	background-color: #242424;
	border-radius: 0 0 7px 7px;
}
li{
	padding: 5px 0;
	display: table;
}
a{
	color: #fff;
	padding: 0 5px;
	word-wrap: break-word;
}
a.back {
	text-decoration: none;
}
img{
	display: inline-block;
	padding: 0 5px;
	max-width: 300px;
}
ul li div img{
	float: left;
	margin: 0 1em 0.5em 0;
    padding: 0;
}
img#logorss {
	margin-right:5px;
}

div.item {
	width: 96%;
	display: inline-block;
	margin: 0 1%;
}

@media (min-width: 576px) { 
	div.item {
		width: 96%;
	}
}


@media (min-width: 768px) { 
	div.item {
		width: 48%;
	}
}


@media (min-width: 992px) { 
	div.item {
		width: 48%;
	}
}


@media (min-width: 1200px) { 
	div.item {
		width: 31%;
	}
}