#footer, .div-copyright, .div-terms {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
}

#footer {
    margin: 1rem 0;
    width: 100vw;
    height: 80px;
    background-color: #eeedeb;
}

.div-copyright, .div-terms {
    width: 100%;
    height: 100%;
}

.div-copyright a {
    color: #000;
    margin-right: 2rem;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.div-copyright a img {
    width: 60px;
    -webkit-transition: 0.25s ease-in-out all;
}

.div-copyright img:hover{
    translate: 0 -2px;
    filter: drop-shadow(2px 2px 2px #4cb8ea);
    -webkit-transition: 0.25s ease-in-out all;
}

.div-copyright h5 {
    margin: 0 !important;
    cursor: default;
    font-size: 18px !important;
    font-weight: 600 !important;
}

.div-terms a {
    color: #000;
    text-decoration: none;
    text-transform: none;
    -webkit-transition: 0.25s ease-in-out all;
    font-size: 20px !important;
}

.div-terms a:hover {
    color: #000;
    text-decoration: none !important;
    translate: 0 -2px;
    text-shadow: 0px 2px 2px #0004;
    -webkit-transition: 0.25s ease-in-out all;
}

/* Responsive */

@media (max-width: 500px) {
    #footer {
        /* flex-direction: column-reverse; */
        /* height: 200px; */
        height: fit-content;
        gap: 1.5rem;
    }
}