body {
  margin-top: 50px;
}

.topbanner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #FFF;
  font-size: .7rem;
  text-align: center;
  padding: 5px;
  z-index: 999;
}

.topbanner__timer {
  display: flex;
  justify-content: center;
}

.topbanner__timer div {
  line-height: 16px;
  margin-right: 5px;
}

.topbanner__days-left::after {
	content: ' dni';
}

.topbanner__hours-left::after {
	content: ' godz.';
}

.topbanner__minutes-left::after {
	content: ' min.';
}

.topbanner__seconds-left::after {
	content: ' sek.';
}

.topbanner__days-left,
.topbanner__hours-left,
.topbanner__minutes-left,
.topbanner__seconds-left {
  font-weight: bold;
}

@media(max-width: 768px) {
  .topbanner {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .topbanner__timer {
    padding-left: 5px;
  }
}

@media (min-width: 768px) {
  body {
    margin-top: 30px;
  }

  .topbanner {
    font-size: .8rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .topbanner__timer {
    display: flex;
    margin-left: 5px;
  }

  .topbanner__timer div {
    margin-right: 10px;
  }
}