#footer {

    background-color: #2e77df;

    color: white;

    text-align: center;

    padding: 20px;

    font-family: Arial, sans-serif;

}

.footer-content {

    margin-bottom: 20px;

}

#footer-logo {

    font-size: 24px;

    margin: 10px 0;

}

.footer-description {

    font-size: 14px;

    margin: 10px 0 20px 0;

}

.footer-social-wrapper {

    margin: 20px 0;

}

.footer-social-title {

    font-size: 18px;

    margin-bottom: 10px;

}

.footer-social-icons {

    display: flex;

    justify-content: center;

    gap: 15px;

}

.social-icon .fa {

    font-size: 40px;

    color: white;

}

.footer-bottom {

    border-top: 1px solid #0044aa;

    padding-top: 10px;

}

.footer-copyright {

    font-size: 12px;

}

@media (max-width: 768px) {

    .footer-social-icons {

        flex-direction: column;

        align-items: center;

    }

    .social-icon .fa {

        font-size: 35px;

    }

}

@media (max-width: 480px) {

    #footer-logo {

        font-size: 20px;

    }

    .footer-description {

        font-size: 12px;

    }

    .footer-social-title {

        font-size: 16px;

    }

    .social-icon .fa {

        font-size: 30px;

    }

    .footer-copyright {

        font-size: 10px;

    }

}