footer{
    padding:2em 0em 0;
    background: var(--surface);
    color:var(--text-primary);
}

footer > .main{
    width:75%;
    display:grid;
    font-size:0.8em;
    grid-template-columns:1.5fr repeat(3, 1fr);
    gap:1.5em;
}


footer .logo{
    margin-top:1em;
}


footer > .main .block:not(.about-nt .block){
    text-align:right;
}

footer > .main .block .in-block{
    gap:0.2em;
}


footer > .main .block .in-block > span:hover{
    color:var(--primary);
    cursor:pointer;
    display:inline-block;
}

footer .copyright{
    background: var(--border-color);
    text-align:center;
    width:100%;
    padding:1em;
    margin-top:2em;
}


@media (max-width:1080px){
    footer > .main{
        grid-template-columns:auto auto;
    }
    
    .about-nt{
        grid-column:1/3;
        flex-direction:column;
        gap:0.5em;
    }

    .about-nt h3{
        margin-top:0;
    }

    footer > .main .block:not(.about-nt .block){
        text-align:left;
    }
}