/*** wide.css ***/

body {
	font-size: 1em;
}

#page {
	display: flex;
	flex-direction: column;
}

#page > header {
	height: 129px;
}

nav {
	flex-direction: row;
}

nav span {
	text-align: center;
	flex: 1;
	flex-basis: auto;
}

nav span ~ span {
	border-top: none;
	border-left: thin solid whitesmoke;
}

main {
	order: 1;
}

footer {
	order: 2;
}

/* login */

.success.log {
	text-align: center;
	padding: 1em 2em;
	width: auto;
	height: auto;
	top: 0;
	left: auto;
	right: 0;
}

.success.log {
	flex-direction: column;
}

.success.log p {
	margin: .5em;
}

.success.log + #page {
	margin-top: auto;
}

/** file-list **/

#contact article:first-of-type,
#file-list article:first-of-type {
	flex-basis: 35%;
}

#file-list article:last-of-type,
#contact article:last-of-type {
	flex-basis: 65%;
}