html, body {
	height: 100%;
	font-size: 1rem; 
}

@media (max-width: 500px) { 
  body { 
    /* default is 1rem or 16px */ 
    font-size: 1.2rem; 
  } 
} 

@media print {
  .pagebreak { 
     page-break-before: always; 
  }
}  

#cover {
	background: white;
	background-size: cover;
	color: black;
	height: 100%;
	text-align: center;
}

.scoreBirdie {
	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */
	width: 26px;
	height: 26px;
	padding: 1px;
	border: 1px solid green;
	text-align: center;
}

.scoreBogie {
	border-radius: 15%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */
	width: 26px;
	height: 26px;
	padding: 1px;
	border: 1px solid red; 
	text-align: center;
}

.scorePar {
	border-radius: 0%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */
	width: 26px;
	height: 26px;
	padding: 1px;
	border: 1px clear;
	text-align: center;
}

table.checkin {
	padding: 1px;
	border: 1px solid black;
	text-align: center;
}



table.scoring {
	border-spacing: 0;
	border-collapse: collapse;
	white-space: nowrap;
}


td.scoring, th.scoring, tr.scoring {
	padding-left: 6px;
	padding-right: 16px;
	padding-top: 1px;
	padding-bottom: 0px; 
	border-spacing: 1;
	text-align: center;
	border: 1px solid black;
}

td.vertical, th.vertical {
    writing-mode:tb;
	text-align: right;
}





div.bordered {
	padding: 2px;
	border: 1px solid black;
	text-align: center;
}

div.elevatedBordered {
	padding: 2px;
	border: 2px solid red;
	text-align: center;
	color: red;
}