/*-----------------------------------------------------------------------------------*/
/*	A B O U T  U S  P A G E
/*-----------------------------------------------------------------------------------*/

#loading.about-page						{}

#loading.about-page blockquote			{ position:relative; display:block; }
#loading.about-page blockquote:before	{ content:"\f10d"; display:block; position:absolute; font-family:FontAwesome; font-size:8rem; line-height:1; color:#303030; }
#loading.about-page blockquote:before	{ top:-2rem; right:auto; left:-2rem; margin-left:0; opacity:0.1; filter:alpha(opacity=10); }

#loading.about-page blockquote .quote	{ font-size:2.125rem; line-height:1.5; }

#loading.about-page	.blockquote-image		{ display:block; float:left; overflow:hidden; }
#loading.about-page	.blockquote-image img	{ display:block; margin:0; height:auto; max-width:100%; line-height:0; }


.section.callout 	{ position:relative; display:block; min-height:450px; height:100%; width:100%; margin:0; top:0; left:0; }
.section.callout	{ background-image:url('../images/fireworks-show-comets.jpg'); background-position:center center; background-repeat:no-repeat; background-attachment:fixed; }
.section.callout	{ background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; z-index:-10; }
.section.callout	{ -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.90); -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.90); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.90); }

.section.callout h2 { text-align:center; padding:3.000rem 1.500rem; margin:0; background:rgba(241,196,15,0.8); }

#loading.about-page .blockjustify	 			{ font-family:'Roboto', Arial, Helvetica, sans-serif; line-height:1.4; font-weight:300; text-align:justify; }
#loading.about-page .blockjustify .copy 		{ font-size:1.375rem;  }
#loading.about-page .blockjustify .copylead 	{ font-size:1.250rem; font-weight:400; text-transform:uppercase; }

@media (min-width:30.063rem) and (max-width:50rem) {
	.section.callout							{ background-image:url('../images/fireworks-show-comets-medium.jpg'); background-attachment:initial; }
	
}
@media (min-width:20rem) and (max-width:30rem) {
	.section.callout							{ background-image:url('../images/fireworks-show-comets-small.jpg'); background-attachment:initial; }
	#loading.about-page blockquote .quote		{ font-size:1.375rem; }
	#loading.about-page .blockjustify .copy 	{ font-size:1.250rem;  }
	#loading.about-page .blockjustify .copylead { font-size:1.125rem; font-weight:400; text-transform:uppercase; }
}