@media (max-width: 768px) {
    .footer-container {
        padding: 20px 40px;
        font-size: 1.2rem;
    }

    .footer-section h2.footer-title {
        color: #ffffff;
        text-align: center;
    }

    .footer-heading{
        display: flex;
        justify-content: center;
    }
    .footer-grid {
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }

    .footer-section {
        text-align: center;
    }

    .social-list {
        grid-template-columns: repeat(4, 50px);
        justify-content: center;
    }

    .social-item {
        font-size: 2.5rem;
    }

    .contact-item {
        align-items: center;
        text-align: center;
        justify-content: center;
        display: flex;
    }

    .contact-list {
        font-size: 1.8rem;
    }
}

@media (max-width: 480px) {
    .footer-section h2.footer-title {
        color: #ffffff;
        font-size: 1.8rem;
        text-align: center;
    }
}