.footer {
    padding: 60px 0px;
    background: var(--primary);
}

.footer .h4 {
    color: var(--secondary);
}

.footer img {
    width: 30px;
    height: 30px;
    padding: 0px;
}

.footer hr {
    margin: 42px 0px;
}

.footer .links-container {
    flex-wrap: wrap;
}

.footer .links-container a {
    padding-right: 8px;
    border-right: 1px solid var(--secondary);
}

.footer .links-container a:last-of-type {
    border-right: none;
}

.footer a {
    color: var(--secondary);
    text-decoration: underline;
    white-space: nowrap;
}

@media screen and (max-width: 576px) {
    .footer {
        font-size: 13px;
    }
    
}