html,
body {
	/* height: auto; */
}

body {
	background-color: #000;
	color: #fff;
}

#divVue {
	width: 100%;
	max-width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0 24px;
}

div#divContent {
	padding-bottom: 0;
}

div.left,
div.right {
	width: calc(50% - 4px);
	display: inline-block;
	vertical-align: middle;
}

h1 {
	font-size: 5vh;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0;
	text-align: center;
}

h2 {
	font-size: 3vh;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0;
}

#divMain {
	padding-bottom: 0;
}

#divResults > div {
	line-height: 8vh;
	border-radius: 0 10vh 2vh 0;
	font-size: 4vh;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

#divResults > div.formC {
	color: #000;
}

#divResults > div.formE {
	color: #000;
}

#divResults > div.formH {
	color: #000;
}

div.year-table > div {
	font-size: 5vh;
	margin: 0;
	padding: 12px 0;
	border-radius: 0 80px 20px 0;
	white-space: nowrap;
}

div.year-table > div > span {
	font-size: 0.7em;
	display: inline-block;
	width: calc(100% / 7);
	text-align: center;
	padding: 6px;
}

div.year-table .formA {
	background-color: red;
	color: #fff;
}

div.year-table .formB {
	background-color: orange;
	color: #000;
}

div.year-table .formC {
	background-color: yellow;
	color: #000;
}

div.year-table .formE {
	background-color: lime;
	color: black;
}

div.year-table .formF {
	background-color: blue;
	color: #fff;
}

div.year-table .formG {
	background-color: purple;
	color: #fff;
}

div.year-table .formH {
	background-color: pink;
	color: #000;
}