@media (min-width: 768px) {
            header {
                padding: 4rem 2rem;
            }
            
            h1 {
                font-size: 3rem;
            }
            
            h2 {
                font-size: 2rem;
            }
            
            h3 {
                font-size: 1.4rem;
            }
            
            p {
                font-size: 1.1rem;
            }
            
            .container {
                padding: 0 40px;
            }
        }
        
        @media (max-width: 480px) {
            h1 {
                font-size: 2.2rem;
            }
            
            h2 {
                font-size: 1.6rem;
                margin: 2.5rem 0 1rem;
            }
            
            h2:after {
                width: 50px;
                height: 2px;
            }
            
            .footer-links {
                gap: 15px;
                flex-direction: column;
            }
            
            .back-to-top {
                width: 42px;
                height: 42px;
                bottom: 20px;
                right: 20px;
            }
        }