/* Backgrounds */
.bg-secondary { background-color: var(--clr-secondary);  
    * { color: #FFF; }
}

b, strong { font-weight: bolder; }

.contact-links { display: grid;   
    p { margin-bottom: 0; display: flex; gap: 16px; }
}

@media(min-width: 992px) {
    .contact-links p { justify-content: space-between; }
}

footer { background-color: var(--clr-primary); 
    * { color: #FFF; }
    h3 { font-size: 24px; }
    a { text-decoration: none; }
    .row { row-gap: 32px; }
    svg { fill: #FFF; width: 24px; height: 24px; 
        &:not(:first-child) { margin-left: 12px; }
    }
    .text-muted { color: #FFF !important; }
}