h2 {margin-top: 0;}
h2, h3, h4 {color: #6e298d;}

blockquote {position: relative; padding: 0.5em .9em 0.5em 1.5em;}
blockquote:before {font-family: Georgia, serif; position: absolute; font-size: 3.8em; line-height: 1; top: 0; left: -.1em; content: "\201C";}
blockquote footer {padding: .5em 1em 0 0; text-align:right; font-size: .9em;}
blockquote footer:before {content: "\2013";}
blockquote br {line-height:.2;}

.pix { width: 100%; margin-right: auto; margin-left:auto; margin-bottom: 1.0625em; margin-top: .125em;}
.pix figcaption {font-size: .875em; font-style: italic; text-align:center;}
.pix img {display:block; margin-left:auto; margin-right:auto; margin-bottom: .3125em;}

@media only screen and (max-width: 480px) {
h1 {font-size: 1.375em;} /* 22 */
h2, h3, h4 {font-size: 1.25em;} /* 20 */
}
@media only screen and (min-width: 481px) and (max-width: 680px) {
h1 {font-size: 1.5em;} /* 24 */
h2, h3, h4 {font-size: 1.25em;} /* 20 */
}
@media only screen and (min-width: 681px) and (max-width: 768px) {
h1 {font-size: 1.625em;} /* 26 */  
h2, h3, h4 {font-size: 1.25em;} /* 20 */
}
@media only screen and (min-width: 769px) and (max-width: 1030px) {
h1 {font-size: 1.625em;} /* 26 */  
h2, h3, h4 {font-size: 1.25em;} /* 20 */
}
@media only screen and (min-width: 1031px) and (max-width: 1220px) {
h1 {font-size: 1.75em;} /* 28*/   
h2, h3, h4 {font-size: 1.3125em;} /* 21 */
}
@media only screen and (min-width: 1221px) and (max-width: 1439px) {
h1 {font-size: 2.0em;} /* 32 */
h2, h3, h4 {font-size: 1.375em;} /* 22 */
}
@media only screen and (min-width: 1440px) and (max-width:1599px) {
h1 {font-size: 2.125em;} /* 34 */
h2, h3, h4 {font-size: 1.4375em;} /* 23 */
}
@media only screen and (min-width: 1600px) {
h1 {font-size: 2.25em;} /* 36 */
h2, h3, h4 {font-size: 1.5em;} /* 24 */
}