fix: resolved clubs heading responsiveness issue (#832)

Co-authored-by: Tamal Das <[email protected]>

src/styles/ClubsPage.css

@@ -10,13 +10,15 @@
   justify-content: center;
   text-align: center;
 }
+
 .cp_textdiv {
   width: 80%;
 }
+
 .cp_header1 {
   font-family: Montserrat, sans-serif;
   font-size: 70px;
-  line-height: 70px;
+  line-height: 1;
   margin-bottom: 1.5rem !important;
   color: #28183b;
 }
@@ -106,13 +108,6 @@
     word-break: break-word;
   }
 
-  .cp_header1 {
-    font-family: Montserrat, sans-serif;
-    font-size: 3rem;
-    line-height: 60px;
-    margin-bottom: 1.5rem !important;
-    color: #28183b;
-  }
   .cp_header2 {
     font-family: Poppins, sans-serif;
     color: black;
@@ -121,3 +116,40 @@
     letter-spacing: 1px;
   }
 }
+
+/* Clubs Heading Responsiveness */
+@media screen and (max-width: 1400px) {
+  .cp_header1 {
+    font-size: 60px;
+  }
+}
+
+@media screen and (max-width: 1200px) {
+  .cp_header1 {
+    font-size: 50px;
+  }
+}
+
+@media screen and (max-width: 1024px) {
+  .cp_header1 {
+    font-size: 46px;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .cp_header1 {
+    font-size: 42px;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .cp_header1 {
+    font-size: 40px;
+  }
+}
+
+@media screen and (max-width: 320px) {
+  .cp_header1 {
+    font-size: 35px;
+  }
+}