#footer {
    width: var(--base-width);
    padding: 50px 0;
    margin: 0 auto;
    display: grid;
    gap: 10px 50px;
    grid-template-columns: 1fr 1fr 1fr;
    color: var(--footer-color);
}
#footer a {
    color: var(--footer-color);
}
#footer a:hover,
#footer a:focus {
    color: var(--footer-link-hover-color);
}
#footer h3 {
    color: var(--footer-color);
    font-size: 1.8rem;
}
.legal {
    font-size: 0.8rem;
}

#footer-blog-cat a {
    color: var(--base-font-color);
    background: var(--footer-blog-cat-link-bg-color);
    padding: 5px;
    margin: 3px 0;
    display: inline-block;
}
#footer-blog-cat a:hover,
#footer-blog-cat a:focus {
    color: var(--base-font-color);
    background: var(--footer-blog-cat-link-hover-bg-color);
}

#cib-logo img {
    max-width: 300px;
}


#fortu {
    padding: 30px 0;
    color: var(--footer-color);
    font-family: 'Lato', sans-serif;
    font-size: 0.8rem;
}
#fortu p {
    width: var(--base-width);
    padding-bottom: 50px;
    margin: 0 auto;
}
#fortu a {
    color: var(--footer-color);
}
#fortu a:hover,
#fortu a:focus {
    color: var(--fortu-link-hover-color);
}



@media screen and (max-width: 980px){
    #footer {
        grid-template-columns: 1fr;
        text-align: center;
    }
    #footer h3,
    #footer p {
        text-align: center;
    }
}