html {
  box-sizing: border-box;
  font-family:  arial, sans-serif;
}
*, *:before, *:after {
  box-sizing: inherit;
}

html, body, #map-canvas { height: 100%; margin: 0; padding: 0;}

h1 {font-size:16px; font-weight:normal; margin:0px; float:left;}

#header {position: absolute; width:100%; top:0px; padding: 20px 20px; background-color: #ff0099; color: #fff; z-index:1000; box-shadow:0px 3px 3px #888 }

.date {color:#999;font-size:9px;}

.last {float:right; font-size:12px;}
.last a {color:#fff;}
.last a:hover {text-decoration:none;}


@media (max-width: 767px) {
  
  #header {text-align:center; padding: 10px 10px;}
  #header h1 {clear:both; float: none;}
  #header .last {clear:both; float: none; margin-top:5px;}

}