.files {
	width:300px;
	margin:10px;
	padding:18px;
	background-color:#fff;
	position:relative;
	float:left;
}
@media all and (max-width: 760px) {
.files {
  width: 420px;
}
}
@media all and (max-width: 460px) {
.files {
  width: 300px;
}
}
.files ul {
  margin: 0;
	padding: 0 0 0 1em;
  list-style: none;
  text-indent: -1em;
}
.files ul li {
	list-style-type:none !important;
	list-style-image:none !important;
	line-height:1.4em;
	padding:.3em 0;
}
.files ul li:before {
	content: "► ";
	font-size: .8em;
	position: relative;
	top: -.1em;
}
.files h2 {
    font-family: Bitter,serif;
    position: absolute;
    top: -10px;
    background-color: #00FA82;
    font-size: 1em;
    font-weight: normal;
    padding: 2px 5px;
    margin: 0px;
		line-height:1.5em;
}
.file-info:before {
	content:"(";
}
.file-info:after {
	content:")";
}