Hello Chris,
You may want to add the CSS below to your Custom CSS section:
//Font size for screens smaller than 480px
@media (max-width: 480px) {
.hero h1 {
fint-size: 3.429rem !important
}
.hero h2 {
font-size: 2rem !important;
}
}
//Font size for screens between 481px and 767px
@media (min-width: 481px) and (max-width: 767px) {
.hero h1 {
font-size: 3.929rem !important;
}
.hero h2 {
font-size: 2.5rem !important;
}
}
You can manipulate these values, so the size fits your requirements.
Cheers,
Piotrek
