/* Header/Footer */
#header { background-color: transparent; }
#footer { background-color: #260C09; }


/* Universal */
body { background-color: #30333b; }
#body_content { width: 0; height: 0; margin: 0; display: none; }
#body-content {
	position: relative;
	top: -50px;
	padding-top: 50px;
	margin-bottom: -50px;
}
#body-content h1 {
	font-family: Georgia, serif;
	font-size: 63px;
	line-height: 63px;
	color: #fff;
	font-weight: normal;
	display: block;
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 2px solid #fff;
	margin-top: 60px;
}
#body-content .subtitle {
	font-family: Helvetica, sans-serif;
	font-size: 19px;
	line-height: 33px;
	color: #fff;
	text-align: center;
	font-weight: 300;
	margin-top: 30px;
	margin-bottom: 40px;
}

#body-content .letter-wrap { padding-bottom: 60px; }
#body-content .letter {
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.5);
	overflow: hidden;
	height: auto;
	padding-bottom: 30px;
}
#body-content .letter .letterhead { text-align: center; padding: 30px 60px; }
#body-content .letter p { margin: 0 0 15px 0; }
#body-content .letter p.subhead { text-align: center; margin-bottom: 30px; text-transform: uppercase; }


/* Responsive */
@media (max-width: 979px) {
	#body-content h1 { font-size: 48px; line-height: 48px; }
}
@media (max-width: 767px) {
	#body-content {
		margin-left: -20px;
		margin-right: -20px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	#body-content h1 { margin-top: 40px; }
	#body-content .letter .letterhead { padding: 30px; }
	#body-content .letter p { padding: 0 40px; }
}
@media (max-width: 480px) {
	#body-content h1 { font-size: 30px; line-height: 30px; }
	#body-content .subtitle { font-size: 16px; line-height: 28px; }
	#body-content .letter { padding-bottom: 5px; }
	#body-content .letter p { padding: 0 20px; }
}