footer {
    background-image: url("/resources/images/footer.jpg");
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    z-index: 0;
    color: var(--footer-color);
    text-align: center;
    padding: 100px 0;
    background-position-y: -80%
}

footer::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    z-index: -1;
}

footer .row {
    align-items: baseline;
}

footer p {
    font-weight: bold;
}

footer a {
    color: var(--footer-color);
    display: block;
    text-decoration: none;
    transition: opacity .1s;
}

footer a:hover {
    color: var(--footer-color-hover);
}

@media(max-width: 575px) {
    footer .col:not(:first-of-type) p {
        margin-top: 1.5rem;
    }
    
    footer p {
        margin-bottom: .4rem;
    }
}