#header, #footer { background-color: #4D87A4; }

#body_content_contd { margin-bottom: 80px; }
#body_content p, #body_content_contd p { text-indent: 10px; }
p.noindent { text-indent: 0 !important; }
p span.start { text-transform: uppercase; font-weight: bold; }
p.watch { text-indent: 0; font-family: 'Arial Black', sans-serif; font-size: 26px; text-transform: uppercase; color: #989392; margin: 200px 0 5px 0; }
p.caption { text-indent: 0; line-height: 20px; font-style: italic; margin: 5px 0; }

#story-title h1 { 
	display: block;
	width: 100%; 
	font-family: 'Arial Black', sans-serif;
	font-size: 60px;
	font-weight: 700;
	line-height: 47px;
	border-bottom: 1px solid #000;
	text-indent: 75%;
	margin-top: 30px;
	margin-bottom: 10px;
}
#story-title p { text-indent: 0; margin: 0; }

#body_content h2, #body_content h3, #body_content_contd h2, #body_content_contd h3 { font-family: Georgia, serif; font-weight: normal;  }
#body_content h2, #body_content_contd h2 { font-size: 40px; line-height: 34px; padding-top: 30px; }
#body_content h2.h2-inline, #body_content_contd h2.h2-inline { display: block; float: left; padding-right: 20px; }
#body_content h2.alt, #body_content_contd h2.alt { font-family: 'Arial Black', sans-serif; font-size: 26px; text-transform: uppercase; line-height: 34px; color: #4e87a4; padding-top: 0; }
#body_content h3, #body_content_contd h3 { font-size: 30px; line-height: 40px; color: #939598; font-style: italic; padding: 10px 0; }
#body_content h2.h2-inline + h3, #body_content_contd h2.h2-inline + h3 { padding: 30px 0 10px 0; }
#body_content h4, #body_content_contd h4 { font-family: Georgia, serif; font-size: 18px; line-height: 24px; font-weight: normal; }

.hr { height: 1px; width: 100%; border-bottom: 2px solid #7f7f7f; margin: 30px 0; }

#family-art-video-wrap { padding-top: 20px; padding-bottom: 20px; background: #eee; margin-bottom: 30px; } 
#family-art-video iframe { }

#art-1 { max-width: 140px; margin-top: -50px; }
#art-2 { padding-top: 18px; }
#art-3 { max-width: 232px; margin-top: 10px; }

.modal { height: 650px; }
.modal-header { overflow: hidden !important; }
.modal-body { height: 580px; max-height: 580px; text-align: center; }
.modal-body img { width: 430px; }
.modal#modal-art-3 { height: 450px; }
.modal#modal-art-3 .modal-body { height: 380px; max-height: 380px; }


@media (max-width: 979px) and (min-width: 768px) {
	p.watch { margin: 120px 0 5px 0; }
	#family-art-video iframe { width: 538px; height: 300px; }
	#art-3 { max-width: 190px; }
}

@media (max-width: 767px) {
	#story-title { margin-bottom: 25px; }
	#story-title h1 { text-indent: 67%; font-size: 36px; line-height: 26px; }
	#body_content h2, #body_content_contd h2 { font-size: 40px; line-height: 30px; padding-bottom: 10px; padding-top: 30px; }
	#body_content h2.h2-inline, #body_content_contd h2.h2-inline { display: inline; float: none; padding-right: 0; padding-top: 30px; }
	#body_content h3, #body_content_contd h3 { font-size: 28px; line-height: 33px; padding: 0 0 10px 0; }
	#body_content h2.h2-inline + h3, #body_content_contd h2.h2-inline + h3 { padding: 0 0 10px 0; }
	p.watch { margin-top: 15px; }
	#family-art-video-wrap { margin-left: -20px; padding: 20px; width: 100%; }
	#family-art-video iframe { width: 100%; height: 200px; }
	#art-1, #art-2, #art-3 { max-width: 280px; margin-top: 0; padding: 20px 0; }
}