Merge pull request #13 from NetSepio/font_sizes

[FIX]: Reduced font sizes

Author: jatiinyadav

src/pages/PrivacyPolicy.jsx

@@ -7,12 +7,12 @@ const PrivacyPolicy = () => {
     <div style={{ backgroundColor: "#040a20" }}>
       <NavBar />
       <div style={{ width: "70%", margin: "0 auto" }}>
-        <h1 style={{ fontSize: "4rem", textAlign: "center", color: "#08d9c5" }}>
+        <h1 style={{ fontSize: "2.25rem", textAlign: "center", color: "#08d9c5" }}>
           Privacy Policy
         </h1>
         <p
           style={{
-            fontSize: "1.4rem",
+            fontSize: "1rem",
             fontWeight: "400",
             paddingBottom: "5rem",
             paddingTop: "2rem",

src/pages/TermsofUse.jsx

@@ -9,13 +9,13 @@ const TermsOfUse = () => {
         <NavBar />
         <div style={{ width: "70%", margin: "0 auto" }}>
           <h1
-            style={{ fontSize: "4rem", textAlign: "center", color: "#08d9c5" }}
+            style={{ fontSize: "2.25rem", textAlign: "center", color: "#08d9c5" }}
           >
             Terms and Conditions
           </h1>
           <p
             style={{
-              fontSize: "1.4rem",
+              fontSize: "1rem",
               fontWeight: "400",
               paddingBottom: "5rem",
               color: "white",

src/styles/Faq.css

@@ -73,13 +73,13 @@
 }
 
 .faq-title {
-  font-size: 4rem;
+  font-size: 2.25rem;
   text-align: center;
   color: white;
 }
 
 .faq-subtitle {
-  font-size: 2rem;
+  font-size: 1.5rem;
   text-align: center;
   color: #08d9c5;
 }
@@ -101,9 +101,9 @@
   background-color: #171717;
   color: white;
   border: none;
-  padding: 25px;
+  padding: 15px;
   text-align: left;
-  font-size: 1.3rem;
+  font-size: 1rem;
   font-weight: bold;
   display: flex;
   justify-content: space-between;
@@ -123,7 +123,7 @@
 .faq-answer {
   color: white;
   padding: 15px;
-  font-size: 1.2rem;
+  font-size: 1rem;
   display: block;
   border-radius: 0 0 5px 5px;
 }

src/styles/Mission.css

@@ -11,16 +11,16 @@
 }
 
 .mission-title {
-  font-size: 4rem;
+  font-size: 2.25rem;
 }
 
 .mission-subtitle {
-  font-size: 2rem;
+  font-size: 1.5rem;
   padding-bottom: 2rem;
 }
 
 .mission-text {
-  font-size: 1.4rem;
+  font-size: 1rem;
   padding-bottom: 4rem;
   font-weight: 200;
   text-align: left;
@@ -49,18 +49,6 @@
     width: 80%;
   }
 
-  .mission-title {
-    font-size: 4rem;
-  }
-
-  .mission-subtitle {
-    font-size: 2.2rem;
-  }
-
-  .mission-text {
-    font-size: 1.5rem;
-  }
-
   .mission-image {
     width: 80%;
     height: auto;
@@ -72,34 +60,10 @@
     width: 90%;
   }
 
-  .mission-title {
-    font-size: 3rem;
-  }
-
-  .mission-subtitle {
-    font-size: 2rem;
-  }
-
-  .mission-text {
-    font-size: 1.2rem;
-  }
-
 }
 
 @media (max-width: 480px) {
   .mission-title {
     font-size: 2.5rem;
   }
-
-  .mission-subtitle {
-    font-size: 1.8rem;
-  }
-
-  .mission-text {
-    font-size: 1rem;
-  }
-
-  .mission-image {
-    width: 100%;
-  }
 }