#top { background-color: black; color: white; font-size: 14px; }

#top a { color: white; }

#top .material-symbols-outlined,
#top a:hover,
#top a:focus { color: var(--main); }

#top > .container > .d-flex { opacity: 0; }

#top .d-flex .d-flex .wrapper { margin-right: 1.125rem; }

#top .d-flex .d-flex .wrapper:nth-last-child(2) { display: none !important; }

#top .social-media a:first-child .fa-brands { margin-left: .125rem; }

#top .social-media a:not(:last-child) .fa-brands { margin-right: .875rem; }

@media (min-width: 768px) {
    #top { position: sticky; top: 0; z-index: 3; }
    #top > .container > .d-flex { opacity: 1; }
}

@media (min-width: 1200px) {
    #top .d-flex .d-flex .wrapper:nth-last-child(2) { display: flex !important; }
}