.banner {
  position: relative;
  background-color: var(--primary-color);
  color: #fff;
  padding: .5em;
  text-align: center;
  width: 100%;
  font-family: var(--font-roboto);
  font-size: 1.15em;
  z-index: 998;
  font-weight: 300;
}

.banner span{
  font-weight: 500;
}


@media (max-width : 768px) {
  .banner {
    font-size: 0.95em;
  }
}