Resize Body Branding of Cover Page for Mobile

Site URL: https://www.vanessalabrie.com/

Hi pals!

I've managed to find code to resize my title and buttons on my mobile cover page, as well as push everything down. But now I'm stuck figuring out how to resize my tag lines (body) so they both fit in two lines one under the other. I'm going a bit nuts. Can anyone help?

Here's the website: www.vanessalabrie.com

I basically want two lines only on mobile for:

Actress. Voice Over Artist. Theatre-Maker.
Comédienne. Artiste de voix. Créatrice.

Thank you so much for your help, I'll take it all!

Add to Cover Page Header

<style>
  @media screen and (max-width:640px) {
  .sqs-slice p {
    white-space: nowrap !important;
    font-size: 15px !important;
}
  }
</style>

@tuanphan oh my word, THANK YOU. Honestly I cannot thank you enough. This is perfect. Thank you.