h1 {font-size: 2.75em;}
@media only screen and (min-width: 0px) and (max-width: 599px) {h1 {font-size: 2.375em;}}
@media only screen and (min-width: 600px) and (max-width: 1080px) {h1 {font-size: 2.5em;}}
h2, h3 {font-size: 1.75em; margin-top: 1.25em; margin-bottom:.3em;}
@media only screen and (min-width: 0px) and (max-width: 480px) {h2,h3 {font-size: 1.25em; font-weight:bold;}}
@media only screen and (min-width: 481px) and (max-width: 768px) {h2,h3 {font-size: 1.375em;}}
@media only screen and (min-width: 769px) and (max-width: 900px) {h2,h3 {font-size: 1.5em;}}

#p7HMY_3 .hmy-content {padding: 30px 20px !important;}
#p7HMY_3 aside {border: solid 1px #222;}

.blqte-bk {font-size: 1.375em; margin: 1em auto; padding: 1.25em 1.25em .25em 4em; border-left: 8px solid #105364; position: relative;}
.blqte-bk::before {font-family: Georgia, "Times New Roman", Garamond, serif; content: "\201C"; color:#105364; font-size:5em; position: absolute; left: 15px; top:0;}
.blqte-bk::after {content: '';}
.blkqte p {margin-bottom:0; line-height:1.375;}
@media only screen and (max-width: 960px) {
.blqte-bk {font-size: 1.25em; padding: 1.25em 1.125em .25em 3em;}
.blqte-bk::before{font-size:4em;}
}
.btn {margin-left:auto;}

.qte {display: block; position: relative; padding: 0 0 10px 45px; margin-right: auto; margin-left: auto; margin-top:1.125em;}
.qte::before {content: "\201C"; /*Unicode Left Double Quote*/
font-family: Georgia, serif; font-size: 54px;  font-weight: bold; color: #9d4e20; position: absolute; left: 5px; top: -.25em;}
.qte::after {content: "";}/*Reset to make sure*/
.qte span {font-style: italic;font-size: 1.25em;}
@media only screen and (max-width:479px) {
.qte {padding: 0 0 0 25px; margin-top:1em;}
.qte::before {font-size: 40px; left: 0;}
}
@media only screen and (min-width:480px) and (max-width:700px) {
.qte {padding: 0 0 0 35px; margin-top:1em;}
.qte::before {font-size: 45px; left: 0;}
}