.announcement-bar {
  height: 60px;
  z-index: 10;
  position: relative;
  text-align: center;
  border-bottom: 1px solid transparent;
  padding: 2px;
}

.announcement-bar__link {
  display: block;
}

p.announcement-bar__message {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  line-height: 50px;
}

.announcement-bar__message {
  display: block;

  @include media-query($medium-up) {
    padding-left: $gutter-site;
    padding-right: $gutter-site;
  }
}

@media only screen and (max-width: 539px) {
  p.announcement-bar__message {
    font-size: 1rem;
  }
}