.panel-header .mobile-nav .social-links {
    font-size: 20px;
    gap: 15px;
}

.panel-header .mobile-nav .social-callout .social-links {
    font-size: 40px;
}

@media (min-width: 64em) {
    .panel-header .social-callout .social-links { 
        gap: 12px;
    }
    .panel-header .social-callout .social-links a { 
        font-size: calc(25px + (40 - 25) * ((100vw - 1025px) / (1440 - 1025)));
        padding: 0;
    }
}

@media (min-width: 1440px) {
    .panel-header .social-callout .social-links a { font-size: 40px;}
}

.social-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18.5px;
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
    list-style: none;
    color: var(--white);
}

.social-links a,
.social-links a:hover {
    color: inherit;
}

@media (min-width: 64em) {
    .header-fixed .social-links {
        background-color: var(--teal);
        flex-direction: column;
        padding: var(--space-3);
        gap: 0px;
        border-bottom-left-radius: 18px;
        font-size: 1.2rem;
    }
}

@media (min-width: 1440px) {
    .header-fixed .social-links {
        padding: var(--space-5);
        border-bottom-left-radius: 25px;
        font-size: 1.6rem;
    }
}