html,
body {
	margin: 0px;
	padding: 0px;

	width: 100%;
	height: 100%;

	font-family: Roboto;
	background-color: #1c1d21;
}


@font-face {
	font-family: Roboto;
	src: url(../fonts/Roboto-Regular.ttf);
}


.boxWrapper {
	height: 60%;
	border-radius: 8px;
	min-height: 500px;
	box-shadow: 		0px 0px 8px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:	0px 0px 8px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 	0px 0px 8px 3px rgba(0,0,0,0.5);
}

.boxLogo {
	background-color: #131313;
}
.boxLogoLegal {
	padding: 3em;
}

.boxText {
	font-weight: bold;
	padding-left: 40px;
	background-color: #f49b1a;
	font-size: 1.2em;
}
.boxText > div > span {
	font-size: 2em;
}
.boxTextLegal {
	padding: 3em;
	color: #f49b1a;
	background-color: #131313;
	font-size: .8em;
	line-height: 2em;
}
.boxTextLegal > span {
	font-size: 1.5em;
}

.boxFooter {
	margin: 20px 0 20px;
	font-size: .8em;
	color: #333;
}
.boxFooter > a {
	color: #444;
}
.boxFooter > a:hover {
	color: #999;
	text-decoration: none;
}