footer {
    margin: 100px 0 0 0;
    padding: 30px 5px;
    border-top: solid 1px #333333;
    background: #000;
}

#footer-flex {
    display: flex;
    padding: 0 50px;
    justify-content: space-evenly;
}

#categorias-footer {
    display: flex;
    padding: 0 20px;
}

#categorias-footer div {
    margin: 0 0 0 30px;
}

#categorias-footer div h5 {
    color: #e0e0e0;
    font-size: 16pt !important;
    font-family: Poppins;
}

#categorias-footer div ul {
    list-style-type: none;
    margin: 10px 0 0 0;
    padding: 5px;
}

#categorias-footer div ul a {
    color: #B1B2B6;
    font-family: Quicksand !important;
    text-decoration: none;
    padding: 0 12px 0 0;
}

#categorias-footer div ul a i {
    color: #0044A6;
}

#categorias-footer div ul a:hover {
    padding: 0 0 0 12px;
    transition: .23s linear;
}


#footer-redes {
    margin: 27px 0 0 0;
    width: 40%;
}

#footer-redes div {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
    justify-content: center;
}

#footer-redes div a {
    font-size: 19pt !important;
    color: #e0e0e0;
    padding: 5px;
    margin: auto auto auto 30px;
}

#footer-redes div a:hover {
    transform: translate3d(0,-5px,0);
    color: #ffffff;
    transition: 0.24s;
}


#footer-email {
    width: 260px !important;
    background: #111720;
    border: solid 1px #364154;
    padding: 10px 15px;
    border-radius: 10px;
}

#footer-email code {
    text-align: center;
    color: #B1B2B6;
}


#footer-logo {
    display: flex;
    margin: auto;
    width: 50%;
}

#footer-logo img {
    width: 64px;
}

#footer-recono {
    display: flex;
    width: 75%;
    align-items: center;
    justify-content: center;
    margin: 50px auto auto auto;
}

.recono {
    margin: 0 30px 0 0;
}


@media screen and (max-width: 1312px) {
    #footer-flex {
        display: unset;
    }

    #categorias-footer {
        justify-content: space-evenly;
    }

    #footer-logo {
        width: 6%;
    }

    #footer-redes div {
        width: 50%;
        justify-content: space-evenly;
    }

    #footer-redes {
        width: unset !important;
    }

}

@media screen and (max-width: 700px) {
    #footer-flex {
        display: unset;
    }

    #categorias-footer {
        display: unset;
    }
    
    #categorias-footer div {
        margin: auto;
        width: 60%;
    }

    #footer-logo {
        width: 15%;
    }

    #footer-redes div {
        font-size: 12pt !important;
        justify-content: space-evenly;
    }
    
}


@media screen and (max-width: 450px) {
    #footer-recono {
        flex-direction: column;
        margin: auto;
    }

    .recono {
        margin: 10px 0 30px 0;
    }
}