body {
	font-family: 'Open Sans', Arial, sans-serif;
	background-color: rgb(242,247,252);
}
table {
	vertical-align: top;
	background-color: white;
}

th {
	text-align: left;
	padding: 15px;
}

thead {
	background-color: rgb(55,157,226);
	color: black;
}

td {
	text-align: left;
	padding: 15px;
}

tr:nth-child(even) {
  background-color: rgb(245,245,245);
}


img {
	margin-top: 80px;
    margin-left: 13px;
	max-width: 100%;
	height: auto;
}


.main {
	margin: 0 auto;
	width: 700px;
}


.header {
	overflow: hidden;
}
.title-wrapper {
	margin-top: 80px;
	width: 500px;
	float: left;
}
.logo-wrapper {
	width: 200px;
    height: 100px;;
	float: left;
	background-color: rgb(242,247,252);
}

.files {
	margin: 1em 0;
}
.files td,
.files th {
}
.files .file-name {
	width: 60%;
}
.files .file-mtime {
	width: 28%;
}
.files .file-size {
	width: 12%;
	text-align: right;
}

.footer {
	margin: 2em 0 0;
	text-align: center;
}

.footer a {
	color: black;
	text-decoration: none;
}