.social-links {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 var(--space-6);
    padding: 0;
    font-size: 1.6rem;
    list-style: none;
}
.mobile-nav .social-links {
    margin-bottom: 41px;
}
.social-links a {
    color: var(--yellow);
    font-size: 30px;
}
.social-links a:hover {
    color: var(--yellow)
}
.social-links .social-network {
    margin: 0 1.1rem;
}

@media (min-width: 64em) {
    .social-links {
        margin-bottom: 0;
    }
}