.footer {
}
.footer .menu {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: var(--secondary-background-color);
}
.footer .menu a {
    font-size: 1em;
    font-weight: bold;
    color: var(--secondary-text-color);
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase;
    border: 3px solid transparent;
    transition: border-bottom 0.3s;
}
.footer .menu a:hover {
    border-bottom: 3px solid var(--primary-background-color);
}
.footer .contact {
    padding: 10px;
    font-size: 0.7em;
    background-color: var(--primary-background-color);
    color: var(--primary-text-color);
}
.footer .contact a {
    font-size: 1em;
}