sponsoring title

src/App/App.css

@@ -361,7 +361,8 @@ margin-bottom: 10vw !important;
 .header-title{
   color: var(--text-primary) !important;
   text-align: center;
-  align-self: flex-start;
+  align-items: center;
+  margin: auto !important;
   padding: 0 30px;
   font-size: 130px;
   font-weight: 900;
@@ -3532,4 +3533,10 @@ a{
 
 .footer-slider .slider-container .slick-slider .slick-initialized .slick-list .slick-track{
   width: 900px !important;
+}
+
+.header-title svg{
+  max-width: 100% !important;
+  margin: auto; 
+
 }
\ No newline at end of file

src/components/Headings.tsx

@@ -121,7 +121,7 @@ export function Hwave({text, id}:{text: string, id?: string}){
         idtext = stringToSlug(text); 
     }
     return(
-        <svg id={idtext} className="bigtitle" viewBox="0 0 150 20">
+        <svg id={idtext} className="bigtitle" viewBox="0 0 100 20">
         <defs>
             <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
             <stop offset="5%" stopColor="#850F78"/>

src/headers/spons-h.tsx

 export function SPONH() {
 
   return (
-    <HeaderBox title="Sponsors" title2="and Partners">
+    <HeaderBox title="Sponsors" title2="& Partners">
       
     </HeaderBox>
   );