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

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

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

.display-weather .weather .temperature {
  font-size: 15vh;
  padding-bottom: 2vh;
}

.display-weather .weather-column {
  display: none;
  flex-flow: column;
  align-items: center;
  margin-left: 5vh;
  margin-right: 5vh;
}

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

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

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

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

@media (max-aspect-ratio: 31/19) {
  .display-weather .weather {
    margin-top: 5vh;
    margin-bottom: 5vh;
  }

  .display-weather .weather .temperature {
    font-size: 9.5vh;
    padding-bottom: 2vh;
  }

  .display-weather .weather-column {
    margin-left: 5vh;
    margin-right: 5vh;
  }

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

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

@media (max-aspect-ratio: 155/122) {
  .display-weather .weather {
    margin-top: 5vh;
    margin-bottom: 5vh;
  }

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

  .display-weather .weather-column {
    margin-left: 5vh;
    margin-right: 5vh;
  }

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

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

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

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

  .display-weather .weather-column {
    margin-left: 5vw;
    margin-right: 5vw;
  }

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

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