<style> @media screen and (min-width: 601px) { h1.ramadan-title { font-size: 70px; Color: Black; } .ramadan-btn .button2 {color: #fff !important; background-color: #292929 !important;} .ramadan-btn .button2:hover { background-color: #fff !important; color: #292929 !important; } h2.ramadan-subtitle { font-size: 30px; color: black; margin-top :10px; margin-bottom : 30px; } } @media screen and (max-width: 600px) { h1.ramadan-title { font-size: 50px; Color : white; background-color: #00000026; } .ramadan-btn .btn-primary {color: #000 !important; background-color: #fff !important;} h2.ramadan-subtitle { font-size: 20px; color: white; margin-top :10px; margin-bottom : 30px; background-color: #00000026; } } </style> <h1 class="ramadan-title">The Eid Edit</h1> <h2 class="ramadan-subtitle">Keep up with the trend this Eid</h2>