.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

#weather-container {
  margin-left: 15px;
  position: relative;
  color: white;
}

#weather-container,
#date-container {
  color: #d9d9d9;
  font-weight: bold;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.d-none {
  display: none !important;
}

@media (min-width: 576px) {
  .d-sm-block {
    display: block !important;
  }
}