html, body {
  margin: 0;
  padding: 0;
}

#map {
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
}

#selectContainer {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  padding: 11px 0;
}


#countrySelect {
  width: 200px;
  margin: 0 auto;
}

/* Rounded border */
hr.rounded {
  border-top: 15px solid #bbb;
  border-radius: 5px;
}

#todayD {
  font-size:4vw
}


#locationCity {
  font-size:3vw

}

#temper, #temperDegree, day1_temp, day2_temp {
  font-size:5vw

}

#todayDate, #day1, #day2{
  font-size:2vw

}

#tempRange{
  font-size:3vw

}


 

#weather_description {
  font-size: 2vw

}


#wikidisplay {
  width: 100%;
}



#preloader {
  background: url("../gif/rotating_globe.gif") center center no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 99999;
}



#days_1_2 {
  border-top: 2px solid grey;
  margin-top: 20px;

}


/*
.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: bold;
  color: #000000;
}
  */