* {
	margin: 0;
	padding: 0;
}

body,
html {
	width: 100%;
}

body {
	color: #333;
	font-family: 'Lato', sans-serif;
}

#Background {
	width: 100%;
	height: 100%;
	z-index: -1;
	position: fixed;
	left: 0;
	top: 0;
}

#Wrapper {
	background-color: rgba(255, 255, 255, 0.16);
	margin: 32px auto 0 auto;
	max-width: 1584px;
	min-width: 1000px;
	padding: 16px;
	width: 80%;
}

#Header {
	margin-bottom: 16px;
	width: 100%;
}

#Logo {
	background-image: url("media/images/logo.png");
	background-repeat: no-repeat;
	background-size: cover;
	height: 128px;
	width: 128px;
}

#FirstMenu {
	height: 128px;
	margin-left: 8%;
	min-width: 400px;
}

#Article {
	width: 100%;
}

#Content {
	box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.02);
	font-size: 1.25em;
	line-height: 150%;
	margin: 16px;
	min-width: 600px;
	text-align: justify;
	text-justify: inter-word;
	width: calc(100% - 32px - 277px - 32px);
}

#SecondMenu {
	margin: 16px;
	width: 277px;
}

#Footer {
	width: 100%;
}

a,
a:active,
a:hover {
	color: #3E50B4;
	text-decoration: none;
}

ul > li {
	border-radius: 8px;
	cursor: pointer;
	transition: background-color 0.32s;
}

ul > li:hover {
	background-color: rgba(255, 255, 255, 1);
}

ol > li {
	list-style-type: square;
}

.button {
	border-right: 3px dotted black;
	cursor: pointer;
	float: left;
	font-weight: bold;
	padding: 8px 8px 8px 8px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	transition: background-color 0.32s;
}

.button:nth-last-child(2) {
	border: none;
}

.button:hover {
	background-color: rgba(255, 255, 255, 0.64);
	float: left;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.title {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 16px;
}

.quote {
	float: right;
}