:root {
    --cor-1: #222352;
    --cor-2: #a8a6a4;
    --cor-3: #ffffff;
    --cor-4: #666;
}

.footer{
    background: var(--cor-3); 
    min-height: 25%;
    border-top: 1px solid var(--cor-1);
}

.logo-footer {
    width: 20%;
}

.link-footer{
    color: var(--cor-2) !important;
}  
.link-footer:hover{
    color: var(--cor-4) !important;
    outline: none !important;
    text-decoration: none !important;
}

@media (max-width: 767px) and (orientation:portrait){
    .logo-footer {
        width: 60%;
    }
}