@font-face {
	font-family: 'pixeladeregular';
	src: url('../fonts/pixelade/pixelade-webfont.eot');
	src: url('../fonts/pixelade/pixelade-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/pixelade/pixelade-webfont.woff2') format('woff2'),
	url('../fonts/pixelade/pixelade-webfont.woff') format('woff'),
	url('../fonts/pixelade/pixelade-webfont.ttf') format('truetype'),
	url('../fonts/pixelade/pixelade-webfont.svg#pixeladeregular') format('svg');
	font-weight: normal;
	font-style: normal;

}


*{
	box-sizing: border-box;
}

body{
	/*background: #f1f1f1;*/
	font-family: 'pixeladeregular';
	background: #000;
	font-size: 18px;
	height: 100%;
	margin: 0;
	/*overflow-x:hidden; */
}

h3{
	font-size: 35px;
	line-height: 1.1;
	color: #fff;	
}
p{
	font-size: 20px;
	line-height: 1.1;
	color: #fff;
}
.boxGif{
	background: url("../img/anim-salon_durmiendo.gif") no-repeat;
	background-size: cover;
	min-height: 500px;
	width: 100%;

}
.content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.bg-negro {
	background: rgba(0,0,0,0.7);
	padding: 25px 35px 25px 50px;
}
.titulo{
	padding: 25px 35px 25px 55px;
}


.box-gif{
	position: relative;
}

.btnEntrar{
	background: #d96407;
	color: #fff;
	display: inline-block;
	padding: 1px 15px;
	font-size: 26px;
	margin: 5px 0;
}


.btnEntrar:hover{
	background: #0f5baa;
	color: #00e3ca;

}

.bodyGame{
	background: #0d1a23;
}
.unityContainer{
	margin-top: 50px!important;
}
.txtDesarrollo{
	position: relative;
	text-align: right;
	font-size: 20px;
	top: 44px;
	right: 0;
}

/*TABLET*/
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 


}


/*PC*/
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

	body{
		background: #0d1a23;
	}

	p{
		font-size: 22px;
	}

   /*.boxGif{
   		top: 50px;
		margin-top: 150px;
		}*/
		#unityContainer{
			position: absolute!important;
			top: 50%;
			left: 50%;
			margin-left: -480px!important;
			margin-top: -270px!important;
		}

  /*.bg-negro{
		background: rgba(0,0,0,0.5);
	    top: 0;
	    width: 50%;
	    right: 0;
	    min-height: 495px;
	    padding: 180px 35px 0;
	    }*/
	    .bg-negro {
	    	padding:25px 35px; 
	    }
	    .titulo{
	    	padding: 25px 15px 25px 35px;
	    }

	    .txtDesarrollo{
	    	top: 55px;
	    	font-size: 21px;
	    }

	}

	/* Large devices (large desktops, 1200px and up) */
	@media (min-width: 1200px) { 


	}


	@media (min-width: 1500px) { 



	}