footer {
    color: var(--ise-white-100);
    background: var(--ise-warm-grey-100);
    padding-top: 2.125rem;
    padding-bottom: 4rem;
    padding-left: 2.125rem;
    font-size: 0.938rem;
    line-height: 1.25rem;
    display: grid;
    grid-gap: 40px;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}

footer h2 {
    line-height: 28px;
    font-size: 0.938rem;
    font-weight: bold;
    margin: 0;
}

footer img {
    width: 136px;
}

footer a {
    color: var(--ise-white-100);
    text-decoration: none;
}

footer a:visited {
    color: var(--ise-purple-40);
}

footer a:hover {
    color: var(--ise-orange-100);
}


footer a img{
    width: 44px;
    height: 44px;
}

footer a:has(img){
    border-radius: 4px;
}

footer a:has(img):hover {
    background: var(--ise-orange-100);
}

footer section:last-child div {
    display: grid;
    grid-template-columns: 44px 44px;
    grid-template-rows: 44px 44px 44px;
    grid-gap: 12px;
}

@media screen and (min-width:480px) {
    footer {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (min-width:768px) {
    footer {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (min-width:992px) {
    footer {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media screen and (min-width:1200px) {
    footer {
        grid-template-columns: repeat(6, 1fr);
    }
}