Wie man die Größe von text basierend auf browser-Fenster-Größe

Ich würde gerne wissen, wie man die Größe von text basierend auf dem browser-Fenster. Mein Aktueller code für mein Stück text:

#quoteField{
letter-spacing:5px;
position:relative;
top:20%;
left:10%;
xtop:325px;
xleft:200px;
font-size:50px;

line-height:20px;
width:500;

color:#ffffff;
}

.quote{
font-family: Merriweather, serif;
}

.quoteHeavier{
font-family: Merriweather, serif;
font-weight:600;
}

Alternativ, Sie könnte prüfen, diese JSfiddle.