.footer {
  
    background-color: white;
    padding: 20px;
  text-align: center;


  
}


.social-media {
            display: flex;
            justify-content: center;
    vertical-align: center;
            
        
        }

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


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

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