@charset "UTF-8";
/* CSS Document */

html, body{
	height:100%;
	width:100%;
	margin:0;
	background-color:#000000;
}

*{
	transition:0.2s;
}

#construction{
	height:85%;
	background:url(../images/wheel.jpg) no-repeat bottom fixed;
	-webkit-background-size: cover; 
    background-size: cover;
	display:block;
	position:relative;
	opacity:0.8;
}

#contact{
	height:15%;
	background-color:#FFFFFF;
	/*background:url(../images/bottom.jpg) no-repeat bottom fixed;
	-webkit-background-size: cover; 
    background-size: cover;*/
	font-family: 'Quicksand', sans-serif;
	font-size:180%;
	letter-spacing: 2px;
	color:#999999;
	position:relative;
	overflow:hidden;
}

/*#contact:hover{
	color:#FFFFFF;
}*/

#left{
	white-space: nowrap;
	height:100%;	
	width:25%;
	
}
#left:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

#jr{
	margin:0 0 0 10%;
	display: inline-block;
	vertical-align: middle;
	z-index:5;
	position:relative;
}

#jr span#infra{
	z-index:10;
	position:relative;
}

#jr span#roth{
	background-color:#B71114;
	color:#FFFFFF;
	height:100%;
	padding:40% 4%;
	margin:0;
	/*-webkit-box-shadow: 0 0 26px 16px #B71114;
    box-shadow: 0 0 26px 16px #B71114;*/
	z-index:0;
}

#right{
	white-space: nowrap;
	height:100%;
	width: 75%;
	float:right;
	text-align:right;
}
#right:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

#right i{
	font-size:58%;
}

#right a{
	color:#999999;
}
#right a:hover{
	color:#B71114;
}

#right i.fa-envelope-o{
	margin-right:2%;
}

h1{
	margin:0;
	font-size:45%;
    display: inline-block;
	vertical-align: middle;
	z-index:5;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-weight:lighter;
	color:#000000;
}