footer{
    width: 100vw;
    margin-top: 100px;
    background-color: var(--footerbackground);
    color: #fff;
    /* position: absolute;
    top: 50vh; */
    padding: 60px 40px;
    font-size: 14px;
}
.footer{
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
}
.footer div{
    padding: 10px 20px;
}
.footer h2{
    font-size: 18px;
    margin-bottom: 12px;
}
.footer li{
    list-style: none;
    margin: 8px 0px;
}
.footer a{
    text-decoration: none;
    font-size: 14px;
    color: #efefef;
}

@media (max-width: 720px) {
    .footer{
        display: grid;
        grid-template-columns: 1fr;
    }
}