.site-header {
  grid-template-columns: minmax(0, 1fr) auto;
}

.primary-nav a,
.mobile-nav a {
  font-weight: 600;
}

.announcement {
  justify-content: center;
  padding-left: 1.5rem;
  padding-right: 4.75rem;
  position: relative;
}

.announcement__socials {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
}

.announcement__social-link {
  align-items: center;
  display: inline-flex;
}

.announcement__social-link .ss-icon {
  height: 1rem;
  width: 1rem;
}

@media (max-width: 720px) {
  .announcement {
    padding-right: 4rem;
  }

  .announcement__socials {
    gap: 0.55rem;
    right: 1rem;
  }
}

@media (max-width: 1000px) {
  .site-header {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}