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

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

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

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

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

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

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

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

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

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

.display-nameday-weather .weather-column:nth-child(2) {
  flex: 1;
  padding-left: 10vh;
  padding-right: 10vh;
}

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

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

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

@media (max-aspect-ratio: 20/15) {
  .display-nameday-weather .nameday-today {
    font-size: 6vh;
  }

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

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

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

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

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

@media (orientation: portrait) {
  .display-nameday-weather .nameday {
    margin-top: 3vw;
    margin-bottom: 5vw;
  }

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

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

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

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

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

  .display-nameday-weather .weather-column:nth-child(2) {
    flex: 1;
    padding-left: 10vw;
    padding-right: 10vw;
  }

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

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