fix: hand lers. rede fined. (#25)

src/pages/index.js

@@ -14,10 +14,13 @@ function HomepageHeader() {
       <div className="container">
         <div className='container'>
         <div className="row">
-            <div className={ "col col--6 " }>
+            <div className={ "col col--6" }>
                 <h1
+                 allowFontScaling
+                 numberOfLines={1} 
+                 adjustsFontSizeToFit
                  className={clsx("hero__title", styles['padding-vert--md'])}
-                 style={ { fontSize : '450%' }}
+                 style={styles['herotitle_font']}
                  >
                   <b>{siteConfig.title.slice(6)}</b>
                  </h1>     

src/pages/index.module.css

@@ -4,32 +4,24 @@
  */
 
 .heroBanner {
-  padding: 4rem 0;
+  padding: 64px;
   text-align: center;
   position: relative;
   overflow: hidden;
 }
 
-@media screen and (max-width: 996px) {
-  .heroBanner {
-    padding: 2rem;
-  }
-}
-
 .buttons {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.padding-vert--md { 
-  padding-top: 10.10rem;
-  text-align: center;
-  position: relative;
-}
-
-@media screen and (max-width: 1200px) {
+@media only screen and (min-width: 800px) {
   .padding-vert--md {
-    padding-top: 5rem;
+    padding-top: 161.6px;
   }
 }
+
+herotitle_font {
+  font-size: auto
+}