html, body {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 16px;
}

body {
	overflow-y: scroll;
}

#wrapper {
  min-height: calc(100vh - 200px);
}

.center_width_content {
	width: 900px;
	margin: 0 auto;
}

h1,h2,h3 {
	margin-top: 0;
	margin-bottom: 10px;
}

h3 {
	font-size: 21px;
}

p {
	margin-top: 10px;
}

a {
	text-decoration: none;
	color: #4c73ad;
}

a:hover {
	text-decoration: underline;
}

#footer a {
	text-decoration: none;
	color: #fff;
}

#footer a:hover {
	text-decoration: underline;
}






/* -------------------------------- Header */

header {
	background-color: #92ce6e;
	height: 50px;
	color: #fff;	
}

header #center_bar {
	padding-top: 16px;
}

header .logo {
	float: left;
}






/* -------------------------------- Content */

#content {
	padding-top: 25px;
	padding-bottom: 25px;
	overflow: auto;
}

#homepage_buttons {
	margin: 60px auto;
	width: 600px;
}

#homepage_buttons .button_webshop,
#homepage_buttons .button_patreon {
	float: right;
}

#homepage_buttons .button_404,
#homepage_buttons .button_webshop {
	margin-bottom: 50px;
}





/* -------------------------------- Footer */

#footer {
  height: 200px;

  background-color: #43672d;
  color: #fff;
}

#footer ul {
	list-style: none;
	padding-left: 0;
}

#footer ul li {
	margin-bottom: 3px;
	font-size: 15px;
}

#footer ul li:first-of-type {
	margin-bottom: 8px;
	font-size: 16px;
}

#footer_link_wrapper {
	overflow: auto;
  	padding-top: 34px;
}

#footer_link_wrapper #footer_service {
	float: left;
	margin-top: 0;
}

#footer_link_wrapper #footer_social {
	width: 150px;
	margin: 0 auto;
}

#footer_link_wrapper #footer_links {
	float: right;
	margin-top: 0;
}

#the_footiest_footer {
	margin-top: 50px;

	font-size: 14px;
}







@media all and (max-width: 880px) {

	.center_width_content {
		width: auto;
		padding: 0 10px;
	}

	#homepage_buttons {

		width: 280;
	}

	#homepage_buttons .button_webshop,
	#homepage_buttons .button_patreon,
	#homepage_buttons .button_404,
	#homepage_buttons .button_consolia {
		margin: 20px auto;
	}
}