fix Section & Text : title + subtitle size

src/components/Section.tsx

@@ -128,7 +128,12 @@ const Section = (props: ISection) => {
         >
             {section.title && (
                 <h2
-                    className={twMerge("text-3xl font-extrabold", oClass.title)}
+                    className={twMerge(
+                        // "text-2xl font-extrabold sm:text-5xl",
+                        // breakpoint can 'break' overrides in project (smeag)
+                        "text-5xl font-extrabold",
+                        oClass.title
+                    )}
                 >
                     {section.title}
                 </h2>
@@ -136,7 +141,8 @@ const Section = (props: ISection) => {
             {section.subtitle && (
                 <h4
                     className={twMerge(
-                        "mt-2 text-2xl font-bold",
+                        // "mt-2 text-xl font-bold sm:text-3xl",
+                        "mt-2 text-3xl font-bold",
                         oClass.subtitle
                     )}
                 >

src/components/Text.tsx

@@ -24,7 +24,7 @@ const Text = (props: IText) => {
             {title && (
                 <h2
                     className={twMerge(
-                        "font-extrabold sm:text-4xl",
+                        "text-2xl font-extrabold sm:text-4xl",
                         oClass.title
                     )}
                 >
@@ -34,7 +34,8 @@ const Text = (props: IText) => {
             {content && (
                 <div
                     className={twMerge(
-                        "pt-10 text-justify text-xl leading-8",
+                        //"pt-10 text-justify text-xl leading-8 sm:text-2xl",
+                        "pt-10 text-justify text-2xl leading-8",
                         oClass.content
                     )}
                     dangerouslySetInnerHTML={{ __html: content }}