#svg_container {min-height:440px; padding-top:20px;width: 90%; margin:0 5%; }
#svgWindDir {width:100%;text-align:center;margin-bottom:15px;}

#speed { font-family:Verdana, Geneva, sans-serif; font-size:45px;fill:yellow;}

.compMain {font-size:18px;line-height:18px; font-family:Verdana, Geneva, sans-serif; background-color:#444;  }
.compMinor {font-size:12px;font-family:Arial, Helvetica, sans-serif;}

.hl { background-color: #6cff00; }
.dataBox { margin: 0; margin-bottom:7px; padding:6px; width:200px; min-height:45px; font-size:10px; border:1px solid #aaa;}

.dataBox span {font-size:23px; display:inline-block;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.dataBox span.left {width:130px;}
.dataBox span.units {font-size:13px;}

#svg {float:left; margin-right:25px; margin-bottom:10px;}
#bfTable {float:left; margin-right:20px; margin-bottom:10px;}
#readOuts {float:left;margin-right:25px; margin-bottom:10px;}

#mph-label {font-size:16px; fill:#222;}

#bfTable table {border:none;padding:2px;border-spacing:0;border-collapse:collapse;width:100%;}
#bfTable table,tr,td { border: 1px solid #aaa;}
#bfTable td {padding:2px;}
#bfTable .f {text-align:center;}

#google_ad_block1 { position:inherit;  }
#fb_box, #ils_promo { display:none; }
#arrow{display:none;}

@media screen and (max-width:400px) {
	/* portrait */
	#svg {width:100%;}	
	.dataBox{width:100%;}
	#readOuts{margin-left:auto;margin-right:auto;width:100%;}
	#bfTable {width:100%;margin-bottom:20px;}
	#bfTable table {width:100%;}
}