Schrift automatisch verkleinern

[Barksalot]

Hallo,

kann ich eine Schriftgröße dynamisch vergrößern/verkleinern?
http://barksalot.bplaced.net/barksalot.html

Derzeit mache ich es wie folgt

@media screen and (max-width: 940px) {
    .mainnav ul {
        display: none;
    }

    .pageheader {
        min-height: 16em;
    }

    .slogan {
        margin-top: 1.5em;
    }

    .slogan p {
        font-size: 1.0rem;
    }
}

Es ist einfach ein zu harter Sprung, welcher nicht schön ausschaut. Ich würde es gerne sanft mit der Bildschirmbreite anpassen lassen. Ist dieses irgendwie möglich?

Bis bald!
Meowsalot (Bernd)