THE TEXT ABOVE IS A FLUID TYPO WITH THIS CODE ADDED:

<style>
.fluid-text h1 {
font-size: 3em !important;
}
.fluid-text p {
font-size: 1em !important;
}

@media all and (min-width: 480px) {

.fluid-text h1 {
font-size: calc(3em + 40 * ((100vw – 480px) / 500)) !important;
}
.fluid-text p {
font-size: calc(1em + 10 * ((100vw – 480px) / 500)) !important;
}
}

@media all and (min-width: 980px){
.fluid-text h1 {
font-size: calc(3em + 40px) !important;
}
.fluid-text p {
font-size: calc(1em + 10px) !important;
}
</style>

Heading 1 – 1rem

Heading 2 – 1rem

Body Text – 1rem – Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.