body{
	font-family: Verdana, sans-serif;
	font-size: 15px;
	line-height: 1.5;
	margin: 0 0 20px 0;
}

*:before,*:after{box-sizing:inherit}


.header {
	display: table;
	width: 100%;
	height: 200px;
	background-image: url('quantum-background.jpg');
	background-size: cover;
	background-blend-mode: lighten;
}

.title {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 42px;
}

.foot {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.8rem;
  background-color: #ccc;
  text-align: center;
  font-size: 9px;
}

.container {
	padding: 30px;
	margin-bottom: 50px;
}

.bar {
	width: 100%;
	overflow: hidden;
	color: #fff;
	background-color: #000;
}

.tablink {
	border: none;
	display: inline-block;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	margin: 0;
	font-size: 18px;
}

.tablink:hover {
	background-color: #ccc;
	color: #000;
}

.current {
	color: #fff;
	background-color: #f44336;
}

.InfoTab {
	border: 1px solid #ccc;
	padding: 0.01em 16px;
}​