Header associé au Texte lors du zoom

Bonjour, j'avais besoin de votre aide pour mon site. J'ai un header:
.tete_de_page{background-color: black; position: fixed; height: 12%; width: 100%; left: 0%; top: 0%;
z-index: 3;}
et mon texte dans mon header:
.titre_header{color: #ffffff; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 300%; margin: 1%; }
Je voudrais que suivant la taille de l'écran, le texte s'agrandit ou se rétrécit mais avec le header, de sorte a ce que le header et mon texte bouge simultanément, et que le texte ne puisse pas depasser le header.
Merci de votre aide, j’espère avoir était clair