footer {
    margin-top: -10rem;
    background-color: black;
    color: white;
    position: relative;
    padding: 4rem 4rem 2rem 4rem;
    display: grid;
    grid-template-columns: 1fr 45vw 1fr 1fr;
    row-gap: 1rem;

    grid-template-areas:
        "logga . kol1 kol2"
        "insta . kol1 kol2"
        "swish . toxi toxi";
}

#sidfot_logotyp {
    width: 150px;
    grid-area: logga;
}

#sidfot_instagramlogga,
#sidfot_swishdel {
    width: 24;
    display: inline;
}

#sidfot_instagramdel p,
#sidfot_swishdel p {
    display: inline;
    vertical-align: top;
    margin-left: .5rem;
}

#sidfot_instagramdel {
    grid-area: insta;
}

#sidfot_swishdel {
    grid-area: swish;
}

#sidfot_kolumn1 {
    grid-area: kol1;
}

#sidfot_kolumn2 {
    grid-area: kol2;
}

#sidfot_toxic {
    grid-area: toxi;
}

#sidfot_hjarta {
    width: 20px;
}

.sidfot_linje {
    margin-bottom: 1rem;
    width: 80%;
}


@media screen and (max-width: 1000px) {
    footer {
        align-items: center;
        grid-template-columns: 100%;
        grid-template-areas:
            "logga"
            "insta"
            "swish"
            "kol1"
            "kol2"
            "toxi";
    }


    #sidfot_logotyp {
        margin: 0 auto 0 auto;
    }

    #sidfot_instagramdel {
        margin: 0 auto 0 auto;
    }

    #sidfot_swishdel {
        margin: 0 auto 0 auto;
    }

    #sidfot_kolumn1 {
        margin: 0 auto 0 auto;
    }

    #sidfot_kolumn2 {
        margin: 0 auto 0 auto;
    }

    #sidfot_toxic {
        margin: 0 auto 0 auto;
    }

}