div#hud-score {	font-size: 100%; text-transform: uppercase; padding-top: 15px; }
div#hud-score a {display:block; text-align:center; font-size: 250%; font-weight: bold; color: #fff; text-decoration: none; vertical-align:middle;padding-top: 5px;padding-bottom:5px;}
div#hud-score span.glyphicon {font-size: 50%;}
div#hud-score div.button { width: 100%; border: 1px solid #fff; border-radius: 5px; display:inline-block; text-align:center; color:#fff; }
div#hud-score div.button:hover { border: 1px solid #fff; }
div#hud-score span.score-diff {font-size: 35%; font-weight:lighter; padding-top: 0px;}
div#hud-score div.score-trend { float:right; line-height: 40%; margin-right: 15px;}

@media screen and (max-width: 1470px){
	div#hud-score a {
		font-size: 180%;
	}
	div#hud-score span.score-diff {
		font-size: 40%;
	}
}

@media screen and (max-width: 480px){
	div#hud-score a {
		font-size: 150%;
	}
	div#hud-score span.score-diff {
		font-size: 50%;
	}
}