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

body {
 	background: #222;
	font:16px/24px 'Cormorant Garamond', 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;
}

h1 {
    display: block;
    font-size: 6em;
    font-weight: 100;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    /* font-style: italic; */
    font-variant: petite-caps;
}

/**** LOGO ****/
.logo { margin: 0 auto 8px; }

.contact {
	font-size:16px;
color:#bbb;
}

.contact:hover {
color:#fcf8b1;
}


.pdf {
	font-size:16px;
color:#ff2e36;
text-shadow: 0px 0px 5px #000 !important;
}

.pdf:hover {
color:#fa8acc;
}



.vm {
	font-size:16px;
color:#00aeef;
}

.vm:hover {
color:#7fcce9;
}

footer {
	
	position:absolute;
	bottom:10px;
	right:15px;
	opacity:0.8;
	font-size:12px !important;}


p { font-family: 'Cormorant Garamond', serif; color:#fff; 
font-size:22px;
letter-spacing: 0.3px;}
p { margin: -5px 0;
font-weight:300;
/* text-shadow: 0px 0px 5px #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 5px #000 !important;

	}
	
.resociaux
{ position:absolute;

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

	}



.resociaux, a
{

font-size:15px !important;

	}



.vegas-overlay {
	background: transparent url(../img/trame.png);
	background-color: #000;
    box-shadow: inset 0 0 5em 1em #000;
    opacity: 0.6;
    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;
}

.cacheplein {
    visibility: hidden;
    clear: both;}


@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;}
	
	@media screen and (max-width: 600px) {
.cachemobile {
    visibility: hidden;
    clear: both;}
	
	.cacheplein {
    visibility: visible;

	}
	
	
	
	.resociaux
{ position:absolute;

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

	}
}