@media screen and (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media screen and (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

@media screen and (max-width: 990px) {
  .weather-container .weather {
    display: block;
    width: 100%;
  }

  .weather-container .weather.today {
    display: block;
    width: 100%;
  }
}