body {
	background: #606060;
	margin: 0;
	padding: 0;
	font-family: "Calisto MT", Optima, "Lucida Bright", serif;
}
.page {
	border-radius: 8px;
	background: #202020;
	box-shadow: 0 10px 20px rgba(0,0,0,0.5);
	box-sizing: border-box;
	width: 960px;
	margin: 60px auto;
}
header {
	padding: 30px;
	position: relative;
}
.content {
	color: white;
	padding: 0 30px 30px;
	font-size: 12pt;
}
.logo {
	background: url(/resources/logo.png) no-repeat;
	background-size: 424px 94px;
	width: 424px;
	height: 94px;
}
.headerbuttons {
	display: table;
	position: absolute;
	top: 0;
	right: 0;
	box-sizing: border-box;
	height: 100%;
	padding: 30px;
}
.emphasis {
    display: inline;
    font-weight: bold;
    color: #58cce2;
}
.headerbutton {
	display: table-cell;
	color: white;
	text-decoration: none;
	box-sizing: border-box;
	vertical-align: middle;
	padding: 0 15px;
	font-size: 12pt;
	transition-property: color;
	transition-duration: 0.2s;
}
a {
	color: #c386a6;
}
a:hover {
	text-decoration: none;
}
span.group1, a.group1 {
    color: #58cce2;
}
span.group2, a.group2 {
    color: #ab55e6;
}
.boxes {
	display: block;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}

.boxes > * {
	display: inline-block;
	margin: 8px 16px;
}

h1 {
	font-weight: bold;
	font-size: 24pt;
	position: relative;
	display: inline-block;
}
h1:before {
	content: "";
	position: absolute;
	width: 75%;
	height: 1px;
	bottom: -4px;
	left: 0;
	border-bottom: 2px solid #c386a6;
}
h2 {
	font-weight: normal;
	font-size: 16pt;
	color: #c386a6;
}
@media only screen and (max-width:999px) {
	.logo {
		background-size: 318px 70px;
		width: 318px;
		height: 70px;
	}
	.headerbutton {
		padding: 0 8px;
	}
	.page {
		width: 100%;
		margin: 0;
		box-shadow: 0 0 0 #000000;
		border-radius: 0;
	}
}
@media only screen and (max-width:767px) {
	.logo {
		display: block;
		margin: 0 auto;
	}
	.headerbuttons {
		height: 40px;
		position: static;
		display: block;
		margin: 0 auto;
		width: fit-content;
	}
}
@media only screen and (max-width:639px) {
	.logo {
		background-size: 212px 47px;
		width: 212px;
		height: 47px;
	}
	.headerbutton {
		font-size: 9pt;
		padding: 0 6px;
	}
}