Some CSS help for my new portfolio/blog site?

Site URL: https://www.michaeljohnjohns.com.au/%60

Hello everyone.

I'm moving out of print design and getting into instructional design and it's been years since I've done HTML/CSS/coding etc so I thought SquareSpace would do the trick!
I'm mostly happy with how it has turned out, but the big chunky font effect on the title "INTRUCTO- GRAPHICAL DESIGNER" looks good on a PC screen but terrible on a small screen as it isn't scaling quite right.

I've applied a CSS class to the H1 tag and applied a 9vw text size but I am not sure that is the right way to go about things. My CSS code is below. Can anybody help?

.title {
    font-size: 9vw;
    line-height: 0.7;
    text-transform: uppercase;
}

You want to increase text size on smaller screen or?