/*****
Footer: 
    * footer items
*****/  

/* 
---------------------------------
-----      footer Items     -----
---------------------------------
 */  

footer{
    background: var(--gray-color);
}

 .footer_container {

    min-height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_container ul{

    list-style: none;
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
    gap: 3rem;
}

.footer_container ul a{

    text-decoration: none;
    color: #000;
    font-size: 0.9rem;
}

.footer_container ul li {

    text-align: center;
    width: fit-content;
}

.footer_container nav{

    text-align: end;
    grid-area: center;
    justify-self: right;
}

.footer_container_idus_logo{
    width: 2rem;
}

@media only screen and (max-width: 768px) {


    .footer_container ul{

        grid-auto-flow: row;
        gap: 2rem;
        
        width: 100%;
        box-sizing: border-box;
        padding: 0;

    }

    .footer_container ul li {
        
        text-align: center;
        width: 100%;
    }
}