.show-footer{
    display: block;
}

.hide-footer {
    display: none;
}


.footer__background {
    background-color: var(--primary-dark);
    position: absolute;
    width: calc(50vw - 517px);
    height: 176px;
    left: 0;
    z-index: -1;
}

.footer__content {
    display: grid;
    grid-auto-flow: column;
    background-color: var(--primary-dark);
    align-items: center;
    justify-content: space-between;
    justify-items: center;
    grid-column: 2;
}

.content-container-footer{
    grid-template-columns: 10% auto 15%;
    grid-row-gap: 2.5rem;
    display: grid;
}
.footer__copyright {
    color: white;
}

@media screen and (max-width: 900px) {

    .footer__copyright {
        grid-row: 3;
        color: white;
    }

    .footer__content {
        grid-auto-flow: row;
        justify-content: unset;
        padding-right: 0;
    }

    .footer__background {
        width: 100%;
    }

}

@media screen and (min-width: 901px) and (max-width: 1200px){
    .footer__background {
        width: calc(50vw );
    }

}