body {
	background-color: #d18119;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 16px;
	color: #2f3236;
	}
img {
	max-width: 100%;
}

h1, h2, h3, a {
	color: #f1d9ba;
}
a:hover {
	color: #8e6229;
}

#header {
	font-size: 21px;
	margin-bottom: 72px;
}
#header h1 {
	padding: 32px 0 64px;
}
#header h2 {
	color: black;
	font-weight: normal;
	font-size: inherit;
}
article h2 {
	font-size: 38px;
	font-weight: bold;
	text-transform: capitalize;
}	
article h3 {
	font-size: 18px;
	font-weight: bold;
	text-transform: capitalize;
	margin-bottom: 16px;
	}
.tweet p {
	margin-bottom: 12px;
	min-height: 108px;
}
.tags {
	border-bottom: 1px solid #F1D9BA;
	padding-bottom: 16px;
	margin-bottom: 32px;
}
.tags li {
	display: inline-block;
	margin-right: 4px;
}
.tags li a {
	color: #D18119;
	padding: 4px 6px;
	display: block;
	background-color: #F1D9BA;
	border-radius: 4px;
}
.tags li a:hover {
	background-color: #8e6229;
}
#stats li {
	display: inline-block;
	color: #f1d9ba;
	font-size: 18px;
	margin-bottom: 34px;
}
#stats li a {
	font-weight: bold;
}
#credits {
	padding: 0 0 26px 0;

}
#footer {
	background-color: #2f3236;
	color: #6a6c6f;
	font-size: 12px;
	padding: 36px 0 80px 10px;
}
#footer a {
	color: #604a2d;
}
#footer a hover {
	color: #d18119;
}
@media screen and (max-width: 695px) {
  #header {
	margin-bottom: 32px;
	}
.tweet p {
	margin-bottom: 12px;
	min-height:inherit;
	}
	ul#stats {
		margin-top: 12px;
		margin-bottom: 32px;
	}
	#stats li {
	display:block;
	margin-bottom: 4px;
	}
}