/* Existing styles for large screens */
footer {
    background-color: #1F1E1D;
    color: white;
    text-align: center;
    padding: 20px 10px; /* Increased padding for large screens */
    position: relative;
    width: 100%;
}

footer .footer-navbar a {
    color: white;
    text-decoration: none;
    margin: 0 15px; /* Increased margin for large screens */
    font-size: 1rem; /* Adjust font-size if needed */
}

footer .footer-navbar i {
    margin-right: 5px;
}

/* Styles for tablets and smaller devices */
@media only screen and (max-width: 768px) {
    footer {
        padding: 15px 5px; /* Reduced padding for medium screens */
    }

    footer .footer-navbar a {
        margin: 0 10px; /* Adjusted margin for medium screens */
        font-size: 0.9rem; /* Smaller font-size for medium screens */
    }
}

/* Styles for mobile devices */
@media only screen and (max-width: 480px) {
    footer {
        padding: 10px 2px; /* Reduced padding for small screens */
    }

    footer .footer-navbar a {
        margin: 0 5px; /* Smaller margin for small screens */
        font-size: 0.8rem; /* Smaller font-size for better readability on mobile */
        display: block; /* Stack links vertically */
        margin-bottom: 5px; /* Add some space between links */
    }

    footer .footer-navbar {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}