.display-datetime-nameday-weather>div {
  width: 100vh;
}

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

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

.display-datetime-nameday-weather .datetime {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  margin-top: 5vh;
  margin-bottom: 5vh;
}

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

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

.display-datetime-nameday-weather .day-wrapper>div {
  padding-left: 4vh;
}

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

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

.display-datetime-nameday-weather .time-wrapper {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
}

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

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

.display-datetime-nameday-weather .nameday {
  margin-top: 5vh;
  margin-bottom: 5vh;
}

.display-datetime-nameday-weather .nameday-content {
  display: flex;
  flex-flow: row;
  align-items: center;
  background-color: rgba(247, 247, 247, 0.2);
}

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

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

.display-datetime-nameday-weather .nameday-today {
  font-size: 4vh;
}

.display-datetime-nameday-weather .nameday-today-value {
  font-size: 4vh;
}

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

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

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

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

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

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

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

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

  .display-datetime-nameday-weather>div {
    width: 90vw;
  }

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

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

  .display-datetime-nameday-weather .day-wrapper>div {
    padding-left: 2vw;
  }

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

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

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

  .display-datetime-nameday-weather .time-wrapper .time-value {
    padding-left: 1vh;
    font-size: 10vw;
  }

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

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

  .display-datetime-nameday-weather .nameday-today {
    font-size: 2vw;
  }

  .display-datetime-nameday-weather .nameday-today-value {
    font-size: 2vw;
  }

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

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

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

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