.hourly-info-bar {
  width: 100%;
  background: #ffe600;
  min-height: 52px
}

@media (min-width:382px) {
  .hourly-info-bar {
    min-height: unset
  }
}

.hourly-info {
  display: flex;
  align-items: center;
  margin: auto;
  gap: .3rem;
  width: fit-content;
  color: #000;
  font-weight: 600;
  font-size: max(12px, 1rem);
  min-height: 3.2rem;
}

.hourly-info>.fa {
  font-size: max(12px, 1.3rem);
  line-height: unset;
}

@media (min-width:767px) {
  .hourly-info {
    font-size: max(12px, 1.6rem);
    gap: .6rem;
  }

  .hourly-info>.fa {
    font-size: max(12px, 1.8rem);
  }
}