footer {
    width: 100%;
    text-align: center;
    color: var(--col-footer-text);
    margin: 1.5rem auto 0;

    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 1rem;

    hr {
        display: block;
        border: 0;
        color: white;
        height: 2px;
        width:  calc( min( var(--content-width), 100vw ) ) ;
        background: #ccc;
        background: -webkit-gradient(radial,50% 50%,0,50% 50%,350,from( var(--col-gold) ),to(#FFFFFF00));

        margin-bottom: 1rem;
    }

    .footer_2row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width:  calc( min( var(--content-width), 100vw ) - 8rem ) ;

        padding: 0 2rem;
        margin-bottom: 2rem;

        .col {

            justify-self: center;

            .innercol {
                display: flex;
                flex-direction: column;

                text-align: left;
            }

            gap: 4px;

            .h { color: var(--col-gold); }
            span { color: black; }
            a { color: black; }
        }

        @media only screen and (max-width: 60rem) { /* < 960px */
            grid-template-columns: 1fr;
            grid-row-gap: 1.5rem;
        }
    }

    .footer_company {

        text-align: left;
        justify-self: stretch;
        align-self: center;
        width:  calc( min( var(--content-width), 100vw ) - 8rem ) ;
        color: var(--col-gold);

    }

    .footer_links {

        text-align: left;
        justify-self: stretch;
        align-self: center;
        width:  calc( min( var(--content-width), 100vw ) - 8rem ) ;
        color: var(--col-gold);

        span {
            display: inline-block;
            margin-left:  0.25rem;
            margin-right: 0.25rem;
        }

        a {
            color: var(--col-gold);
        }

        margin-bottom: 1rem;
    }

    a {
        text-decoration: none;
        color: var(--col-footer-link);
    }

    a:hover {
        color: var(--col-footer-link-hover);
        text-decoration: underline;
    }

}