#map{position:relative;top:0;left:0;width:100%;height:500px;margin-top:55px}.mapNoWebGl{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.cityInfo{top:40px;left:0;width:100%;width:100%;position:absolute;z-index:10}.cityInfo .Outline{color:yellow;font-size:12rem;font-family:EngschriftDIND,Arial;text-transform:uppercase;margin:0;line-height:.7em;font-weight:lighter;-webkit-text-fill-color:rgba(0,0,0,0);-webkit-text-stroke-width:5px;-webkit-text-stroke-color:#ffe400}.cityInfo .cityIntro{color:white;font-size:2em;margin-top:10px;padding-left:5px;font-family:EngschriftDIND,Arial;text-transform:uppercase;line-height:1}.cityInfo .LatLong{font-size:1.5rem;font-family:EngschriftDIND,Arial;text-transform:uppercase;color:#ffe400;padding-left:5px;line-height:50px}.cityInfo .Time{position:relative;font-size:1.5rem;font-family:EngschriftDIND,Arial;text-transform:uppercase;color:white;line-height:50px;padding-right:20px;padding-left:5px}.cityInfo .weather{position:relative;float:none;width:50px;height:50px;text-align:right;right:0}.CityName{color:white;font-size:3rem;margin-bottom:20px;margin-top:10px;padding-left:5px}@media screen and (max-width:320px){.cityInfo .LatLong{display:none}.CityName{margin-bottom:5px}.cityInfo .cityIntro{margin-top:20px}}@media screen and (min-width:321px) and (max-width:640px){.cityInfo .LatLong{display:none}.CityName{margin-bottom:5px}.cityInfo .cityIntro{margin-top:20px}}