.display-datetime-weather #calendar-date-text {
  font-size: 5vh;
}

.display-datetime-weather #calendar-month-text {
  font-size: 1.5vh;
}

.display-datetime-weather .datetime {
  display: flex;
  flex-flow: row;
  margin-top: 5vh;
  margin-bottom: 5vh;
}

.display-datetime-weather .date-wrapper {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
}

.display-datetime-weather .date-wrapper img {
  width: 13vh;
}

.display-datetime-weather .day-wrapper {
  margin-left: 4vh;
}

.display-datetime-weather .date-wrapper .day-name {
  font-size: 6vh;
}

.display-datetime-weather .date-wrapper .day-value {
  font-size: 3.9vh;
}

.display-datetime-weather .time-wrapper {
  display: flex;
  flex-flow: row;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
  padding-left: 7vh;
}

.display-datetime-weather .time-wrapper img {
  width: 13vh;
  margin-right: 2vh;
}

.display-datetime-weather .time-wrapper .time-value {
  font-size: 13vh;
}

.display-datetime-weather .nameday {
  display: none;
}

.display-datetime-weather .weather {
  display: flex;
  flex-flow: row;
  margin-top: 5vh;
  margin-bottom: 5vh;
}

.display-datetime-weather .weather .temperature {
  font-size: 7vh;
  padding-bottom: 1vh;
}

.display-datetime-weather .weather-column {
  display: none;
  flex-flow: column;
  align-items: center;
}

.display-datetime-weather .weather-column:nth-child(2) {
  flex: 1;
}

.display-datetime-weather .weather-wrapper-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.display-datetime-weather .weather-wrapper-img img {
  width: 25vh;
}

.display-datetime-weather .weather .day {
  font-size: 6vh;
}

@media (orientation: portrait) {
  .display-datetime-weather #calendar-date-text {
    font-size: 5vw;
  }

  .display-datetime-weather #calendar-month-text {
    font-size: 1.5vw;
  }

  .display-datetime-weather .datetime {
    margin-top: 3vw;
    margin-bottom: 5vw;
  }

  .display-datetime-weather .date-wrapper img {
    width: 10vw;
  }

  .display-datetime-weather .day-wrapper {
    margin-left: 2vw;
  }

  .display-datetime-weather .date-wrapper .day-name {
    font-size: 4vw;
  }

  .display-datetime-weather .date-wrapper .day-value {
    font-size: 3.5vw;
  }

  .display-datetime-weather .time-wrapper {
    padding-left: 10vw;
  }

  .display-datetime-weather .time-wrapper img {
    width: 10vw;
    margin-right: 1vw;
  }

  .display-datetime-weather .time-wrapper .time-value {
    font-size: 10vw;
  }

  .display-datetime-weather .weather {
    margin-top: 3vw;
    margin-bottom: 5vw;
  }

  .display-datetime-weather .weather .temperature {
    font-size: 6vw;
    padding-bottom: 1vw;
  }

  .display-datetime-weather .weather-wrapper-img img {
    width: 20vw;
  }

  .display-datetime-weather .weather .day {
    font-size: 4vw;
  }
}