::-moz-selection { /* Code for Firefox */
  background: ;
}
::selection {
  background: ;
}
	.logo{
		display:block;
		margin: 0 auto;
		vertical-align: middle;
		width:80%;
		max-width:700px;
		position:absolute;
		z-index:1;
	}
		
	.logo2{
		position: absolute;
		width:600px;
		top: 50%;
		left: 50%;
		margin: -300px 0 0 -240px;
		z-index: 100;
	}
	.logo3{display:none;}
	.logo4{display:none;}
	@media only screen and (max-width: 850px) {
		.logo2{
			display:none;
		}
		.logo3{
			display: block;
			position:absolute;
			z-index:1;
			width:250px;
			margin: 110px -125px;
			
			top:50%;
			left:50%;
			text-align:center;
		}
		.logo4{
			display:block;
			position: relative;
			width:100%;
			z-index:3;
			text-align:center;
			margin:0 auto;
			
			}
  .logo{
		
	}
	.logo2{
		
		z-index: 100;
	}
	.liens{
		margin: 150px 0 0 -150px!important;
	}	
	.liens img{width:50px;}
}
@media only screen and (max-width: 500px) {
  .logo{
		width: 300px;
		margin: 50 90;
	}
	.logo2{
		position: absolute;
		width:90%;
		top: 50%;
		left: 50%;
		z-index: 100;
	}
	.liens img{width:80px;}
	body{
		margin-top: 0px;
		margin-left:0px;
		text-align: center;
	}
}

	.icon{
		display:block;
		margin: 0 auto;
		z-index:1;
		max-width: 100px;
		display: inline-block;

	}
	.liens{
		position: absolute;
		top: 50%;
		left: 50%;
		margin: 200px 0 0 -150px;
		z-index: 100;
		width:300px;
	}	
	.background{
		margin: 0 auto;
		width: 100%;
		height: 100%;
		background:#41d2d2;
		position:absolute;
		text-align: center;
	}
	
	body{
		margin-top: 0px;
		margin-left:0px;
		text-align: center;
	}
@media only screen and (orientation: landscape) {
	.logo3{
			display: block;
			position:absolute;
			z-index:1;
			width:200px;
			margin: 30px -100px;
			
			top:50%;
			left:50%;
			text-align:center;
		}
		.liens{
		margin: 100px 0 0 -150px!important;
	}	
}