html, body { height: 100%; padding: 0; margin: 0; }

body {
 	background: #222;
	font:16px/24px 'Roboto', sans-serif;
	color:#fff;
	font-weight: 400;
	text-align:center;
	text-rendering: optimizeLegibility;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	height: 100%;
	width: 100%;
	overflow:hidden;
}

.logo { margin: 0 auto 8px; 

text-shadow: 0px 0px 5px #666, 0px 0px 15px #000 !important;
}

.clients {
	style="text-align:justify; width:75%; max-width:500px;
	margin:auto;
	padding-bottom:3em;
	font-family: 'Didact Gothic', sans-serif; color:#ddd; 
	font-size:16px;
	text-shadow: 0px 0px 5px #666 !important;
	}
	
.justif {
	text-align:justify;}


footer {
	
	
	
	position:absolute;
	bottom:10px;
	right:15px;
	opacity:0.8;
	font-size:14px !important;
	text-shadow: 0px 0px 5px #000;}


p { font-family: 'Didact Gothic', sans-serif; color:#fff; 
font-size:20px;}
p { margin: -5px 0;
font-weight:300;
text-shadow: 0px 0px 5px #000, 0px 0px 15px #000 !important;
}




.nat365{
	margin: 0px auto 40px auto;
	text-align: center;
	color: #fff;
	font-size:80px;
	font-weight:100;
	text-shadow:  0px 0px 15px #000, 0px 0px 1px #000 !important;

	}
	
.resociaux
{ position:absolute;

margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
bottom:20px;
opacity:.8;
font-size:18px;

	}


.vegas-overlay {
	background: transparent url(../img/trame.png);
	background-color:#333;
	  box-shadow: inset 0 0 5em 1em #000;
	opacity: 0.4;
	z-index: -1;
}
.vegas-background {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
    max-width: none !important; 
	z-index: -2;
}
.vegas-overlay, .vegas-background {
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}


#preloader {
	margin: 0px auto 40px auto;
	text-align: center;
	color: #fff;
	font-size:80px;
	font-weight:100;
	text-shadow:  0px 0px 15px #000, 0px 0px 1px #000 !important;
	z-index: 1;
}
.status1 {

	position: absolute;
	width:100%;
	text-align:center;
	
	top: 45%;
	margin: -25px 0 0 -25px;
	color: #fff;
}

html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; height:100%;}
a, a:visited, a:hover, a:active, a:focus, input, select, textarea { outline:none; text-decoration:none; }
a, li { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
:focus, .btn:focus { outline: 0; }
.wow { visibility: hidden; }
img { display:block; height:auto; max-width:100%; vertical-align:top; ms-interpolation-mode:bicubic; opacity:1.0; width: auto\9;}


a {
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.block {
  	position: relative;
	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.content {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 1%;
	right: 1%;
	z-index: 1;
	text-align:center;
	
	}
.space
{padding-bottom:5em;}


@media all and (max-width: 568px) {
.nat365 { font-size: 50px; !important;}
.content { padding: -100px 0 20px!important; }
body, { min-height:540px!important; }
.block {
	position: relative;
	top: 0% !important;
	margin: 40px auto!important;
  	-webkit-transform: none !important;
  	-ms-transform: none !important;
	-o-transform: none !important;
  	transform: none !important;}
	
	.cachemobile {
    visibility: hidden;
    clear: both;}
	
	.logo {
padding-right:0px !important;
padding-top:20px;padding-bottom:20px;
max-width:70%;
	}
	.resociaux
{ position:absolute;

margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
bottom:40px;
opacity:.8;
font-size:20px;

	}

.clients {
	style="text-align:justify; width:75%; max-width:500px;
	margin:auto;
	padding-bottom:3em;
	font-family: 'Didact Gothic', sans-serif; color:#ddd; 
	font-size:13px;
	line-Height: 1;
	text-shadow: 0px 0px 5px #666 !important;
	padding-bottom:0em;
	}	
		
.justif {
	text-align:center;}

	
}