*{
	font-family: 'Roboto', sans-serif;
}

body {
	height: 100%;
}

section{
	width: 50%;
	height: 50%;
	background: #f5f5f5 url('../images/bg.jpg') no-repeat left top;
	position: absolute;
	text-align: center;
}
 
section:before {
  content: '';
  display: inline-block;
  margin-right: -0.25em; /* Adjusts for spacing */

 }

.logo{
	top: 0;
	left: 0;
	background: #666;
}
	.logo h1{
		height: 40px;
		width: 214px;
		position: absolute;
		left: 50%;
		top: 50%; 
		margin-left: -107px;
		margin-top: -20px;
		background: url('i/logo@2x.png') no-repeat left top;
		background-size: 100%;
		text-indent: -999em;
	}

.device{
	bottom: 0;
	left: 0;
	background: #FFF;
	
}
	.device span{
		width: 220px;
		height: 220px;
		position: absolute;
		left: 50%;
		top: 50%; 
		margin-left: -110px;
		margin-top: -110px;
		background: #fff url('i/device@2x.png') no-repeat center top;
		background-size: 100%;
		border: none!important;
		text-indent: -999em;
	}
.status{
	top: 0;
	right: 0;
	background: #4F4F4F;
}	
	.status ul{
		position: absolute;
		left: 50%;
		top: 50%; 
		margin-left: -107px;
		margin-top: -70px;
	}
	.status ul li {
		/* Currently: Private B: */
		font-family: Roboto-Regular;
		font-size: 13px;
		color: #6CE1C7;
		line-height: 27px;
		text-align: left;
	}
	.status ul li a{
		text-decoration: none;
		color: #75E0C7;
		cursor: pointer;
	}
	.status ul li:nth-child(3) {
		display: block;
		margin-top: 20px;
	}
.company{
	bottom: 0;
	right: 0;
	background: #6CE1C7;
}
	.company span{
		width: 160px;
		height: 90px;
		position: absolute;
		left: 50%;
		top: 50%; 
		margin-left: -80px;
		margin-top: -45px;
		background: url('i/cl-logo@2x.png') no-repeat center top;
		background-size: 25%;
		/* A centeredlabs compa: */
		font-family: Roboto-Regular;
		font-size: 14px;
		color: #4F4F4F;
		line-height: 145px;
	}
	.company span a{
		text-decoration: none;
		color: #4F4F4F;
		cursor: pointer;
	}