#footer{
    position:relative;
    z-index:4;
}
#footer div:not(.p1, .p1 > div){
    text-align:left;
    padding:0.5em 2em;
}
#footer{
    background-color: var(--c1);
    padding:4em 0 4em;
    text-align: center;
    color:#fff;
    position:relative;
}

#footer > div{
    margin:0em 0 2.5em;
    display:flex;
    flex-wrap:wrap;
    width:100%;
    display:grid;
    grid-template-columns:auto auto;
}

#footer > div a:hover{
    color:var(--c2);
}

#footer > div a{
    display:inline-block;
}


.p1{
    display:flex;
    margin-bottom:1em;
}

@media screen and (min-width:700px)
{
    #footer > div{
        grid-template-columns:auto auto auto;
    }
}