* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

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

.header {
	background-image: url('../img/header.jpg');
	width: 100%;
	height: 228px;
}

.header h1,
.header h4{
	margin: 0 auto;
	text-align: center;
	color: #FFF;
}

.header h1 {
	font-size: 60px;
	font-family: Bitter, Georgia, serif;
	padding-top: 32px;
}

.header h4 {
	font-size: 40px;
	font-style: italic;
}

.content {
	margin: 40px auto;
	width: 500px;
	color: #141412;
	line-height: 1.5;
}

.footer {
	margin: 0 auto;
	width: 80%;
	clear: both;
  text-align: center;
}

.footer a {
	color: #FFF;
}

@media (max-width: 767px) {
	.content {
		margin: 20px auto;
		width: 500px;
	}

	.header h1 {
		font-size: 48px;
		font-family: Bitter, Georgia, serif;
		padding: 10px 20px;
	}

	.header h4 {
		font-size: 26px;
	}
}

@media (max-width: 480px) {
	.content {
		margin: 20px auto;
		width: 300px;
	}
}