@media (orientation:landscape) and (min-width: 50em){
	table{
		width:70vw;
	}
	table, td, th{
		padding:2vh;
	}
	td b, .country{
		font-size:115%;
		font-weight: bolder;
	}
	th:hover{
		cursor: pointer;
	}
}
@media (orientation:portrait), (max-width: 50em) {
	table{
		width:88vw;
	}
	table, td, th{
		padding:1vw;
	}
}

table {
	border-collapse: collapse;
	position:relative;
	margin-top:5vh;
	margin-bottom:7.5vh;
	table-layout: fixed;
}

table, td, th {
    border: 2px solid #456B86;
    text-align:center;
    font-family: 'Inconsolata',monospace;
}

td, th{
	overflow:hidden;
}

th {
  position: sticky;
  top: 0;
	z-index: 1;
	box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.4);
}

th, thead, .country, .region, tr.headrow{
	font-family: 'Muli',sans-serif;
	background-color:#D9CEB1;
	color:#45515C;
	font-weight:bold;
	text-transform:uppercase;
}

.line_break{
	position:relative;
	height:1vh;
	padding:0;
	margin:0;
	overflow: visible;
}

.line_break div{
	position:absolute;
	left:-2px;
	top:0;
	width:102%;
	height:100%;
	background-color:#C9E4ED;
	z-index: 0;
}

button{
	font-family: 'Muli',sans-serif;
	background-color:#D9CEB1;
	color:#45515C;
	font-weight:bold;
	text-transform:uppercase;
	font-size:25pt;
	padding:1vmin;
	margin-bottom:-10vh;
	margin-top:5vh;
	margin-right:1vw;
}

.average{
	background-color: #B3D0E0;
}

.data{
	font-size:16pt;
}

.average{
	font-size: 20pt;
}