Is this heading text too big on mobile?

Website: https://www.benevolentbeasts.ca/

I'm worried the heading text is too big on mobile view. If it is, is there a way to make it a smaller size for mobile? Thanks in advance!

@amandaclairef I think the font size of the h1 heading tag appears relatively large, especially compared to the body text. To address this, you can utilize the following code to adjust the font size of h1 specifically for mobile views. 

@media only screen and (max-width: 767px) {
	h1 {
		font-size : clamp(2rem, 10vw, 5rem) !important;
	}
}

You may find this article helpful for reference on the CSS clamp method: https://developer.mozilla.org/en-US/docs/Web/CSS/clamp

14 hours ago, Lesum said:

@amandaclairef I think the font size of the h1 heading tag appears relatively large, especially compared to the body text. To address this, you can utilize the following code to adjust the font size of h1 specifically for mobile views. 

@media only screen and (max-width: 767px) {
	h1 {
		font-size : clamp(2rem, 10vw, 5rem) !important;
	}
}

You may find this article helpful for reference on the CSS clamp method: https://developer.mozilla.org/en-US/docs/Web/CSS/clamp

Thank you so much! Do you think the heading font size is too large on the desktop view as well?