footer { margin-top: auto; text-align: center; padding: 20px 0; font-size: 0.9rem; color: var(--primary-color); } @media (max-width: 600px) { .container { padding: 10px; } .main-title { font-size: 1.5rem; } footer { font-size: 0.8rem; padding: 10px 0; } .social-icon { font-size: 20px; margin: 0 5px; } }