.announcement-bar {

  
  max-width: var(--page-width);

  .announcement-text {
    text-transform: uppercase;
    font-family: var(--font-family--heading);
    color: var(--color--body-text);
    font-size: 1.2rem;
    letter-spacing: var(--letter-spacing--heading);
  }
}

@media screen and (min-width: 990px) {
  .announcement-bar {
    margin: 2rem auto;
  } 
}