.index_footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    font-size: small;
    text-align: center;
    /* background-color: #0B2161; */
    padding-top: 2%;
    padding-bottom: 1%;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    font-size: small;
    text-align: center;
    background-color: #0B2161;
    padding-top: 2%;
    padding-bottom: 1%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}

/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
@media screen and (max-width: 500px) {
    .index_footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        color: white;
        font-size: x-small;
        text-align: center;
        /* background-color: #0B2161; */
        padding-top: 4%;
        padding-bottom: 1%;
    }

    .footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        color: white;
        font-size: x-small;
        text-align: center;
        background-color: #0B2161;
        padding-top: 4%;
        padding-bottom: 1%;
    }
}