.social-media {
            display: flex;
            justify-content: center;
            gap: 20px;
        }

        .social-media a {
            font-size: 2rem;
            color: #333;
            transition: color 0.3s ease;
        }

        .social-media a:hover {
            color: #007bff; /* Change to the desired hover color */
        }

        @media (max-width: 600px) {
            .social-media a {
                font-size: 1.5rem;
            }
        }