diff --git a/src/styles/ClubsPage.css b/src/styles/ClubsPage.css index 705da1d1..e69c0cd7 100644 --- a/src/styles/ClubsPage.css +++ b/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; + } +} \ No newline at end of file