body { margin: 0; font-family: Arial, sans-serif; } .banner { background-color: #d50000; color: white; text-align: center; padding: 50px 20px; } .banner h1 { font-size: 10em; margin: 0; } .banner p { font-size: 1.2em; margin: 20px 0 0 0; } @media (max-width: 768px) { .banner h1 { font-size: 3em; } .banner p { font-size: 1em; } } @media (max-width: 480px) { .banner h1 { font-size: 2em; } .banner p { font-size: 0.9em; } } /* New class definition */ .new-section { background-color: #f0f0f0; color: #333; padding: 20px; margin: 20px; }