.social-links {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
    list-style: none;
}

.social-links a {
    color: #808080;
    transition: color 200ms ease-out;
}

.social-links a:hover {
    color: var(--navy);
}

.social-links .social-network {
    padding: 0 0.80rem;
}

.mobile-nav .social-links a,
.header-content .social-links a {
    color: white;
    font-size: 22px;
}

.header-content .social-links .social-network {
    padding: 0 0.5rem;
}

@media screen and (min-width: 64em) {
    .social-links {
        justify-content: flex-start;
    }
    .social-links .social-network {
        padding: 0 0.4rem;
    }
}