.header .notif-bar {
  padding: calc(.3125rem + .5px) .75rem;
  min-height: 35px;
}
.header .notif-bar .notif-text, .header .notif-bar .notif-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5rem;
  vertical-align: top;
  text-decoration: none;
  transition: .3s all;
}
.header .notif-bar .notif-text.mobile {
  display: none;
}
.header .notif-bar .notif-icon {
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: cover;
  display: inline-block;
  margin-right: .5rem;
}

@media screen and (max-width: 767px) {
  .header .notif-bar {
    padding: .5rem .75rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .header .notif-bar .notif-text, .header .notif-bar .notif-link {
    font-size: 14px;
    line-height: 1.5;
  }
  .header .notif-bar .notif-text.mobile {
    display: inline-block;
  }
  .header .notif-bar .notif-text.desktop {
    display: none;
  }
}