footer {
    background-color: #eb1410;
    width: 100%;
    height: 10vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: linear-gradient(to bottom, rgb(161, 29, 29) 0%, rgb(255, 0, 0) 100%);
}

#copyright {
    width: 30%;
    text-align: center;
    color: white;
    font-size: 16px;
}

#footer-nav {
    width: 30%;
}

footer nav {
    display: flex;
    justify-content: space-around;
}

footer a {
    font-size: 16px;
    color: white;
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

@media(max-width:894px){
    #footer-nav, #copyright {
        width: 40%;
    }
}

@media(max-width: 550px){
    footer {
        display: block;
        margin-top: 5px;
        text-align: center;
    }

    #copyright {
        padding-bottom: 5px;
    }

    footer nav a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #copyright, #footer-nav, footer nav, footer nav a {
        display: block;
        width: 100%;
    }
}