#heading {
    margin:auto;
    text-align: center;
}
#heading_line {
    width: 50%;
}

a.legal{
    color: white;
}

img.logo {
    width: 100%;
    aspect-ratio: 1/1;
}

#content {
    width: 100%;
    padding: 0;
}

.logos {
    grid-column: 1;
    grid-row: 1;
    margin: auto;
    width: auto;
}

.information {
    grid-column: 2;
    grid-row: 1;
}

@media screen and (max-width: 980px) {
    #content {
        display: inline-block;
        text-align: center;
    }
    .logos {
        max-width: 100px;
    }
    #heading_line {
        min-width: 400px;
    }
}
@media screen and (min-width: 980px) {
    #content {
        display: grid;
        grid-template-columns: [row1-start] 10% [row1-end row2-start] auto [row2-end];
        gap:5px;
        grid-auto-rows: minmax(50px, auto);
        margin: auto;
    }
    .logos {
        min-width: 100px;
        padding-right: 5%;
    }
    #content {
        margin: 2.5% 2.5% 5% 2.5%;
    }
}

#divide_line {
    width: 75%;
}

#bottom {
    margin:auto;
    text-align: right;
    width: 90%
}