/*-- BODY AND BASICS start --*/
body, html {
	width: 100%;
	min-width: 320px;
	height: 100%;
	min-height: 100%;
	background-color: #000000;
}

body * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.container {
	width: 100%;
	height: 100%;
	font-size: 16px;
}

.subcontainer {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}

.ucbox {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
}

.ucbox img {
	max-width: 400px;
}

.ucbox span {
	display: inline-block;
	width: 100%;
	max-width: 510px;
	font-family: 'Play', sans-serif;
	font-size: 1.5em;
	font-weight: 300;
	line-height: 1.3em;
}

.orange {
	color: #cd7a31;
}

.gray {
	color:#283233;
}

/*-- BODY AND BASICS end ----*/

/*-- MOBIL-OPT --*/
@media only screen and (max-width: 640px) {
	.ucbox span {
		width: 80%;
		font-size: 1.2em;
	}

	.ucbox img {
		max-width: 320px;
	}
}