.pullquote-floater {position: absolute; top: 20px; margin: 0 auto; width: 100%; text-align: center; 
    z-index: 30; font-family: PeriodicoText-Rg; font-size: 160%; line-height: 1.5em; color: white; padding: 30px; text-shadow: black 2px 2px 5px;}

p.purpose-statement, h2.purpose-statement {display: none;}

@media only screen and (max-width: 1200px) { 
.pullquote-floater {top: 10px; font-size: 140%;} 
}

@media only screen and (max-width: 768px) {
.pullquote-floater {top: 5px; font-size: 120%;} 
.pullquote-floater {display: none;}

h2.purpose-statement {display: block; text-align: center; margin-top: 25px;}
p.purpose-statement {display: block; text-align: left;}
}