#footer{
    box-shadow: var(--box-shadow1 );
    background-color:var(--color3);
    padding: 20px 0;
}

#footer-container{
    min-height: 100px;
    gap: 50px;

    display: grid;
    grid-template-areas: 'logo contact aside';
    place-items: center;
}

.footer-items{
    width: auto;
    min-height: 50px;
    color: var(--color1);

    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-items:first-child{
    
    grid-area: logo;
}
.footer-items:nth-child(2){
    grid-area: contact;
}
.footer-items:last-child{
    grid-area: aside;
}

#footer-contact{
    max-width: 450px;
    width: 100%;
    gap: 30px;
    justify-content: space-evenly;
}
#footer-contact a{
    color: var(--color1);
    background-color: var(--color4-hover);
    padding: 5px 10px;
    border-radius: 7px;
    transition: background-color .2s ease;
    
    display: flex;
    justify-content: center;
    align-items: center;
}
#footer-contact a i{
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
}
@media (hover: hover) and (pointer: fine){
    #footer-contact a:hover{
        background-color: var(--color4);
    }
}

@media screen and (max-width: 1000px){
    #footer-container{
        gap: 30px;
        grid-template-areas: 
        'logo'
        'contact'
        'aside';
    }    
    
}
@media screen and (max-width: 500px){
    #footer-contact{
        max-width: none;
        width: auto;
    
        gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    

}

#footer-logo{
    font-size: calc(var(--font-size) / 1.1);
}

#footer-aside{
}
#rednify{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;

    color: white;
    
}

#rednify img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(23%) hue-rotate(304deg) brightness(108%) contrast(105%);

}