@media screen and (max-width: 992px) {
    /* Ændre rækkefølgen i footeren */
    footer .footer-grid{
        display: grid;
        grid-template-areas: "col1"
        "col3"
        "col2";
        gap: 0.5rem;
    }

    /* Adresse colone */
    footer .col1{
        grid-area: col1;
    }

    /* Logo colone */
    footer .col2{
        width: 10rem;
        grid-area: col2;
        margin-top: 0.75rem;
    }
    /* Links colone */
    footer .col3{
        grid-area: col3;
        /* Bliver nød til at bruge !important pga. bootstraps .text-end bruger det. */
        text-align: left!important; 
    }

    /* Logo og Adresse coloner*/
    footer .col1, footer .col3{
        width: 100%;
        /* Hvid underline for at lettere kunne se forskæld på de 3 coloner */
        border-bottom: 1px solid white;
    }
}