body {
  	background: #ddd;
  	padding: 0;
  	margin: 0;
  	font-family: 'Acme', sans-serif;
  	line-height: 120%;
}
a { 
	color: #6f201b; 
	text-decoration: none;
	transition: color 300ms ease;
}
a:hover,
a:focus { 
	color: #57514d; 
	text-decoration: none;
}
.wrapper {
	display: flex;
  	flex-direction: column;
  	min-height: 100vh;
}
.content {
	padding: 20px;
	color: #57514d;
	flex-grow: 1;
  	max-width: 1280px;
  	width: calc(100vw - 40px);
  	margin: 0 auto;
}
.center {
	display: flex;
	text-align: center;
	flex-direction: column;
  	justify-content: center;
}
.footer {
	background: #57514d;
	color: #fff;
	padding: 20px;
	text-align: center;
	padding: 20px;
	flex-grow: 0;
}
.footer a {
	color: #ccc;
	text-decoration: none;
	transition: color 300ms ease;
	margin: 0 10px;
}
.footer a:hover,
.footer a:focus {
	color: #fff;
}
.logo {
	max-width: 300px;
	margin: 20px auto;
}
.content_text {
	margin: 20px auto;
	font-size: 110%;
}
.social a {
	transition: opacity 300ms ease;
	opacity: 0.6;
}
.social a:hover,
.social a:focus {
	opacity: 0.8;
}
.social_icon {
	width: 40px;
	margin: 10px;
}
.header {
	max-width: 1280px;
  	margin: 0 auto;
  	width: calc(100% - 40px);
}
.logo-header {
	max-width: 150px;
	margin: 20px 0;
}