.quote1 { text-align: center; font-size: 3rem; margin: auto; padding: 0.2em; position: relative; margin-top: 0.5em; margin-bottom: 0.5em }
blockquote1 { font-style: italic; position: relative; z-index: 20; }
.left1 { position: absolute; top: -10px; left: 0; width: 50px; text-align: left; z-index: 10; font-size: 4rem; color: #232f60; background-color: white; line-height: 50px; }
.right1 { position: absolute; bottom: -20px; right: 0; width: 50px; text-align: right; z-index: 10; font-size: 4rem; color: #232f60; background-color: white; line-height: 50px; }

@media (max-width: 768px) {
    .quote1 { font-size: 2rem; padding: 0.4em; }
    .left1, .right1 { font-size: 3rem; width: 40px; line-height: 40px; }
}

@media (max-width: 576px) {
    .quote1 { font-size: 1.5rem; }
    .left1, .right1 { font-size: 2.5rem; width: 35px; line-height: 35px; }
    .left1 { top: -6px; }
    .right1 { bottom: -14px; }
}