div#content{
	background:#bddbed;
	height:auto;
}
@media screen{
	div.container{
		position:relative;
		top:0;
		max-width:1000px;
		margin: 20px auto;
		display:block;
        height:auto;
        padding:0px;

	    -webkit-transition: opacity 3s, top 1s;
	    -moz-transition: opacity 3s, top 1s;
	    -o-transition: opacity 3s, top 1s;
	    transition: opacity 3s, top 1s;
	}

	.csstransitions div.container.init {
		top:30px;
		opacity:0;
	}
}
div.document{
	background:white;
	min-width: 700px;
	max-width: auto;
	padding: 50px 100px;
}
section.files{
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	background:rgba(255,255,255,0.6);
	border-radius:10px;
	padding:10px;
}
section.files ul{
	padding:0px;
}
section.files ul ul{
	padding-left:50px;
}
section.files ul li{
    position:relative;
	list-style:none;
	line-height: 40px;
	height:40px;
    display:inline-block;
	margin:0;
	background:url(https://bric-investment.com/img-global/file_icons.png);
	background-repeat: no-repeat;
	padding-left: 50px;
}
section.files ul li.file{
	background-position: 0 -40px;
	display:block;
}
section.files ul li.file.doc{
	background-position: 0 -40px;
}
section.files ul li.file.pdf{
	background-position: 0 -80px;
}
section.files ul li.file.jpg{
	background-position: 0 -120px;
}
section.files ul li.file.xls{
	background-position: 0 -160px;
}
section.files ul li.file.ppt{
	background-position: 0 -200px;
}