/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; 	padding: 0; border: 0; font-size: 100%;	font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} */
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: '';	content: none; }
table {	border-collapse: collapse; 	border-spacing: 0; }
/* end of reset*/

html, body { background-color: #E8E4D9; background-position: center center; font-family: Verdana, Arial, Helvetica, sans-serif; max-height : 1000000 px; font-size: 1em;
line-height: 1.3; color: #FFF; margin: 0 ; padding: 0 ; border : 0;-webkit-text-size-adjust : none; -ms-text-size-adjust:none; text-size-adjust : none; resize : none ; }

* {-webkit-text-size-adjust : none; -ms-text-size-adjust:none; text-size-adjust : none; resize : none ; }

b { font-weight: bold;}
h1 { font-size: 1.3em; font-weight: bold; color: white; -webkit-text-size-adjust : none; -ms-text-size-adjust:none; text-size-adjust : none; }
h2 { font-size: 1.1em; font-weight: bold; color: white; text-decoration : none; -webkit-text-size-adjust : none; -ms-text-size-adjust:none; text-size-adjust : none; }
h3 { font-size: 1em; -webkit-text-size-adjust : none; -ms-text-size-adjust:none; text-size-adjust : none; }
p { font-size: 1em; -webkit-text-size-adjust : none; -ms-text-size-adjust:none; text-size-adjust : none; }
span { font-size: 1em; -webkit-text-size-adjust : none; -ms-text-size-adjust:none; text-size-adjust : none; }
u1 { list-style-type: none; margin: 0px; padding: 0px; }
a:link { font-weight: bold; text-decoration : none; color: #FF7A00; background: transparent; opacity: 1; }
a:visited { font-weight: bold; text-decoration : none; color: #91a3b4; background: transparent; }
a:hover { text-decoration : none; color: #FA0000; background: transparent; opacity : 1; }
a:active { font-weight: bold; text-decoration : none; color: #494949; background: transparent; }
table { width : 100%; }
td,tr { padding : 0%; }
th {color : #C61212; font-weight : bold; font-size : 1.3em; }
textarea { resize : none; overflow : hidden ; }

header { width : 100%; background-color: #000; }

/*#php {position : absolute; height: 100%; width : 100%; background-color: #C61212; vertical-align : top; top : 0%; margin : 0; padding : 0; }*/
#php_body {display : block; float: left; height : 100%; width : 100%; background-color: #C61212; vertical-align : top; top : 0%; margin : 0; padding : 0;  }
#php {display : block; position : relative ; height: 80%; width : 100%; background-color: #C61212; vertical-align : top; top : 0%; margin : 0; padding : 0; max-height : 80%; overflow-y : scroll; }
#php_paypal {display : block; position : relative ; height: 100%; width : 100%; background-color: #C61212; vertical-align : top; top : 0%; margin : 0; padding : 0; max-height : 100%; overflow-y : scroll; }

.textvert {font-size : 0.1em; font-weight : 1; color: #C61212; opacity:0; visibility:hidden; overflow : hidden; }
.textvert h4 td tr table {font-size : 0.1em; font-weight : 1; color: #C61212; opacity:0; visibility:hidden; overflow : hidden; }
.phppanier { position : absolute ; height: 100%; width : 90% ; display : block; float: left; vertical-align : top; vertical-align : top; top : 0%; margin : 0; padding : 1%; } 
.phpheader h1 { font-size : 1.3em; margin : 1%; text-align : center; }
.phptext h1 { font-size : 1.3em; margin : 1%; text-align : left;}
.textred h4 td tr table {color: red ;  display : block; float : left; position : relative; top: 2%; }	
input[type=submit] { width : auto; size : 20em; }

#paypal-button-container { display : block; float: left; height : 50% ; width : 100%;  top: 1%; right : 5%; left : 5%; max-height : 50%; overflow-y : scroll;}

html, body, #Main{height: 100%; width : 100% ; background-size: cover; overflow: hidden;}

/* HEADER */
	#Header { background-color: transparent; width: 100%; height: 10%; position: relative; margin: 0; overflow: hidden;}
	#Header h1 { position: absolute; left: 0.2%; top: 3%; width: 18%; margin:0; }
	#Header h1 a { display: block; margin:0; padding:0;}
	#Header img {width : 130%; height : 130%;}

/* MAIN MENU */
	#Menu { position: relative;  top: 1%; right : 1%;}
	.HeaderMenu { display: block; float: right; width : 50%; margin-right : 15%; padding : 0; }
	.HeaderMenu { margin-top: 1%; }
	.HeaderMenu li{ float: left; margin-right: 10px; font-family: Verdana, cursive; list-style-type: circle; width : auto;}
	.HeaderMenu li a{ font-size: 1.4em; font-weight : bold; letter-spacing: 0px; color: #C61212;}
/*	.HeaderMenu li a{ font-size: 1.8em; font-weight : bold; letter-spacing: 0px; color: white;} */
	.HeaderMenu li a:hover{ border-bottom: 1px dotted #C61212; }
	.HeaderMenu img {width : 35%; height : 35%;}

#zoniconhome { display: block; position : relative; top: 1%; width: 100%; height: 100%; max-height : 58%; margin: 0; padding: 0; overflow : hidden;}
#zoniconhome a { display: block; float : left ; position : relative; top : 0%; }
#zoniconhome h2 { text-align: center;  }
.zoniconleft { display: block; float: center; margin-left : 37%;  margin-top: 2%; width : 15%; }
.zoniconleft img {width : 140%; height : 140%;}
.zoniconleft a:hover{ -webkit-transform: rotateZ(-30deg); -ms-transform: rotateZ(-30deg); transform: rotateZ(-30deg);}
.zoniconleft li { list-style-type: none; }
.zoniconleft span {font-size : 0.9em; display : block; float: left; position:absolute; margin-top:-80%; margin-left: 130%;  width : 260%; background : rgba(24,57,30,0.8); padding:5px; border-radius:10px; box-shadow:0 0 5% black;}
.zoniconleft a:hover span, a:focus span { -webkit-transform: rotateZ(30deg); -ms-transform: rotateZ(30deg); transform: rotateZ(30deg); margin-top: 20%; }

.zoniconright { display: block; float: center;  margin-left : 37%;  margin-top: 2%; width : 15%;  }
.zoniconright img {width : 140%; height : 140%;}
.zoniconright a:hover{ -webkit-transform: rotateZ(-30deg); -ms-transform: rotateZ(-30deg); transform: rotateZ(-30deg);  }
.zoniconright li { list-style-type: none; }
.zoniconright span {font-size : 0.9em; display : block; float: left; position:absolute; margin-top:-80%; margin-left: 130%;  width : 260%; background : rgba(24,57,30,0.8); padding:5px; border-radius:10px; box-shadow:0 0 5% black;}
.zoniconright a:hover span, a:focus span { -webkit-transform: rotateZ(30deg); -ms-transform: rotateZ(30deg); transform: rotateZ(30deg); margin-top: 20%; }

.zoniconcenter {display: block; float: left; margin-left: 37%; margin-top: 2%; width : 15%;  }
.zoniconcenter img {width : 140%; height : 140%;}
.zoniconcenter a:hover{ -webkit-transform: rotateZ(-30deg); -ms-transform: rotateZ(-30deg); transform: rotateZ(-30deg);  }
.zoniconcenter li { list-style-type: none; }
.zoniconcenter span {font-size : 1.0em; display : block; float: right; position:absolute; margin-top:-50%; margin-left: -125%;  width : 140%; background : rgba(24,57,30,0.8); padding:5px; border-radius:10px; box-shadow:0 0 5% black}
.zoniconcenter a:hover span, a:focus span { -webkit-transform: rotateZ(30deg); -ms-transform: rotateZ(30deg); transform: rotateZ(30deg); margin-top:-120%; }	
	
#zonicon { display: block; position : relative; top: 0%; width: 100%; height: 100%; max-height : 60%; margin: 1%; padding: 1%; overflow : auto; z-index : 5;}
#zonreserv {background-color: transparent; display: block; position : relative; top: 0%; width: 100%; height: 100%; max-height : 68%; margin: 0 auto; padding: 0 auto; overflow : auto; z-index : 5;}
#zonreserv h2 {font-size: 1.1em; color : white;}
.textreserv h4 td tr table {color: red ;  display : block; float : left; position : relative; top: 2%; }
#imagebrunch {background-color: transparent; display: block; float : left;  position : relative; top : 1%; width: 19%; margin: 0; padding: 0;}
.imgbrunch { display: block; float: left; top : 0%; margin-right: 0%; margin-left: -40%; margin-top : 0%; padding : 0%; width : 100%; 
font-size: 1.1em; font-weight : bold; letter-spacing: 0px; background-color : #C61212;  border-radius:10px; overflow-y : auto; }

#panier { display: block; float : left ; position : relative; top : 0%; width : 95%; margin: 1%; }
#panier h2 { font-size: 1.1em; font-weight: bold; color: #C61212; text-decoration : none; line-height : 1; }
#panier a { display: block; float : left ; position : relative; top : 0%; text-align : center; }
		.panierright { display: block; float: right; margin-right: 2%; margin-left: 1%; margin-top: 0%; margin-bottom: 0%; width : 78%; padding : 0%;   }
		.panierright img {width : 100%; height : 100%;}
		.panierright a:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
		.panierright li { list-style-type: none; font-size : 1.3em; font-family : Arial, sans-serif, cursive; color : white; font-weight : bolder; }
		.panierleft { display: block; float: left; margin-left: 4%; margin-top: 0%; margin-bottom: 0%; width : 10%; padding : 0%; background-color :transparent; border-radius:10px;  }
		.panierleft img {width : 140%; height : 140%;}
		.panierleft a:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
		.panierleft li { list-style-type: none; }

#zonicon a { display: block; float : left ; position : relative; top : 0%; }
#zonicon a h3 {text-align : left ; z-index: 2; color : white; font-size : 1em;  }

.radio { text-align : right;}

.privat { display: block; position : relative;  float: left; top : 0%; margin-right: 5%; margin-left: 5%; margin-top : 2%; padding : 1%; width : 85%; 
font-size: 1.3em; font-weight : bold; letter-spacing: 0px; background-color : #C61212;  border-radius:10px; overflow-y : auto; }
.brunch { display: block; float: left; top : 0%; margin-right: 5%; margin-left: 5%; margin-top : 2%; padding : 1%; width : 85%; 
font-size: 1.3em; font-weight : bold; letter-spacing: 0px; background-color : #C61212;  border-radius:10px; overflow-y : auto; }
/*.brunch { width : 500px; height : 50px; }*/
.headerbrunch h2 { font-size: 1.1em; color : yellow;}

.descriT { display: block; float: left; width : 96%; background-color : rgba(0,256,128,0.3);  border-radius:5px;   margin : 0; padding : 0.5%;  }
.descriT h3 { line-height : 1.5; vertical-align : center; padding : 3px; margin : 0; }
.descriT li { list-style-type: none; cursor : help;}
.descriT table {display : block; float : left;}     
.descriT table,td,tr { padding : 0; margin-left : 1%; }
.descriT a:hover,a:focus { text-decoration : none; }

.descriR { display: block; float: left; width : 96%; background-color : rgba(256,128,0,0.6);  border-radius:5px;   margin : 0; padding : 0.5%;  }
.descriR h3 { line-height : 1.5; vertical-align : center; padding : 3px; margin : 0; }
.descriR li { list-style-type: none; cursor : help;}
.descriR table {display : block; float : left;}     
.descriR table,td,tr { padding : 0; margin-left : 1%; }
.descriR a:hover,a:focus { text-decoration : none; }

.descri { display: block; float: left; width : 96%; background-color : rgba(0,128,256,0.6);  border-radius:5px;   margin : 0; padding : 0.5%;  }
.descri h3 { line-height : 1.5; vertical-align : center; padding : 3px; margin : 0; }
.descri li { list-style-type: none; cursor : help;}
.descri table {display : block; float : left;}     
.descri table,td,tr { padding : 0; margin-left : 1%; }
.descri a:hover,a:focus { text-decoration : none; }

.produit { width : 60%; }
/*.descri-child {position : relative;  display: none; white-space : nowrap; background-color: black; color : green;  }
.descri li:hover .descri-child { position : relative; top: 10% ; left : 20%; display : inline; z-index : 4; white-space : nowrap; }*/
/*.descri .green {color: green; background-color : transparent;}
.descri .black {color: black; }
.descri .white {color: white; }
.descri .red {color: red; }
.descri .blue {color: 1D2C43; }*/

.bulle li { display: block; float: left; width : 100%;}
.bulle a { text-shadow: 0px 0px 0px black;}
.bulle a:link, a:visited {cursor : help; font-size : 100%;  vertical-align : center; padding : 0; margin : 0; background:transparent; font-weight: bold; font-family: sans-serif, 'times new roman',  sans-serif, courrier, Arial,;}
.bulle a span {font-size : 80%; line-height : 1; position:absolute; margin-bottom:0%; margin-left:80%; color:#C61212; background:grey; width : 180px; 
padding:5px; border-radius:10px; box-shadow:0 0 5% black; transform:scale(0) rotate(-25deg); transition:all 0.5s; opacity:0; visibility:hidden;}
/*.bulle a span::before { content:""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom : 10px solid black; position: absolute;}*/
.bulle a:hover,a:focus{ text-decoration : none; box-shadow:0 1px 0 white; text-decoration : none; }
.bulle a:hover span, a:focus span{ transform:scale(1) rotate(0); opacity:1; visibility:visible; z-index: 4;}
.black {color : white; font-size : 100%; vertical-align : center; padding : 3px; margin : 3px; text-shadow: 0px 0px 0px black; background-color : rgba(0,0,0,1);  border-radius:10px;}
.green {color : white; font-size : 100%; vertical-align : center; padding : 3px; margin : 3px; text-shadow: 0px 0px 0px green; background-color : rgba(0,256,0,1);  border-radius:10px;}
.white {color : white; font-size : 100%; vertical-align : center; padding : 3px; margin : 3px; text-shadow: 0px 0px 0px white; background-color : rgba(128,128,128,1);  border-radius:10px;}
.red {color : white; font-size : 100%; vertical-align : center; padding : 3px; margin : 3px; text-shadow: 0px 0px 0px red; background-color : rgba(256,0,0,1);  border-radius:10px;} 
.ice {color : white; font-size : 100%; vertical-align : center; padding : 3px; margin : 3px; text-shadow: 0px 0px 0px cyan; background-color : rgba(0,256,256,1);  border-radius:10px;} 
.mixed {color : white; font-size : 100%; vertical-align : center; padding : 3px; margin : 3px; text-shadow: 0px 0px 0px blue; background-color : rgba(0,0,256,1);  border-radius:10px;} 
.infu {color : white; font-size : 100%; vertical-align : center; padding : 3px; margin : 3px; text-shadow: 0px 0px 0px orange; background-color : rgba(255,165,0,1);  border-radius:10px;} 
.oolong {color : white; font-size : 100%; vertical-align : center; padding : 3px; margin : 3px; text-shadow: -0x 0px 0px brown; background-color : rgba(256,128,128,1);  border-radius:10px;} 

/*.condi { display: block; float: left; margin-right: -2%; width : 14%; background-color: transparent; }
.condi h3 { line-height : 1.3; text-align : center; vertical-align : center; padding : 3px; margin : 3px;}
.condi li { list-style-type: none; }*/
/*.descri li {width : 100%}
.bouton, .bouton ~ li {margin-left : 0%}
.descri li.bouton {margin-top : -1%}*/ 
.bouton { display: block; float: left; margin: 0%; background-color: transparent; }
.bouton h3 { line-height : 1.5; text-align : center; vertical-align : center; padding : 5px; margin : 1px; background-color: #C61212; border-radius:10px;}
.bouton a:link { font-size : 100%; }
.bouton a:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); border-bottom: 1px dotted #C61212;}
.bouton li { list-style-type: none; }

.bouton2 { display: block; float: left; margin: 0%; background-color: transparent; }
.bouton2 h3 { line-height : 1.5; text-align : center; vertical-align : center; padding : 5px; margin : 1px; background-color: #C61212; border-radius:10px;}
.bouton2 a:link { font-size : 100%; }
.bouton2 a:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); border-bottom: 1px dotted #C61212;}
.bouton2 li { list-style-type: none; }

/*.descriR { display: block; float: left; margin-right: -3%; width : 25%; background-color: transparent; }
.descriR h3 { line-height : 1.3; vertical-align : center; padding : 3px; margin : 3px;}
.descriR li { list-style-type: none; cursor : help;}*/
/*.descriR-child {position : relative;  display: none; white-space : nowrap; background-color: black; color : green;  }
.descriR li:hover .descriR-child { position : relative; top: 10% ; left : 20%; display : block; z-index : 3; white-space : nowrap; }
.descriR .green {color: green; }
.descriR .black {color: black; }
.descriR .white {color: white; }
.descriR .red {color: red; }
.descriR .blue {color: 1D2C43; }*/

/*.condiR { display: block; float: left; margin-right: -2%; width : 14%; background-color: transparent; }
.condiR h3 { line-height : 1.3; text-align : center; vertical-align : center; padding : 3px; margin : 3px; }
.condiR li { list-style-type: none; }*/

/*.boutonR { display: block; float: left; margin-right: -3%; width : 11%; background-color: transparent; }
.boutonR h3 { line-height : 1.5; text-align : center; vertical-align : center; padding : 3px; margin : 3px; background-color: #C61212;}
.boutonR a:link {  font-size : 100%; }
.boutonR a:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.boutonR li { list-style-type: none; }*/

.legend { display: block; float : left; margin-right: 1%; margin-left: 1%; width : 100%; margin-top : 0%; margin-bottom : 4%; 
background-color : #E8E4D9; border-radius: 5px; padding-left : 1%;  height : 100%; }
.legend li { list-style-type: none; }
.legend h2 { font-size: 1.0em; font-weight: bold; color: #C61212; text-decoration : none; }
.legend h3 { font-size: 0.9em; font-weight: bold; color: #C61212; text-decoration : none; }
/*.legend a:link { text-decoration : underline; border-bottom: 1px dotted #C61212; color : yellow; vertical-align : center;}
.legend a:active { text-decoration : underline; border-bottom: 1px dotted #C61212; color : yellow; vertical-align : center;}
.legend a:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); color : yellow; vertical-align : center;}
.legend a:focus { text-decoration : underline; border-bottom: 1px dotted #C61212; color : yellow; vertical-align : center;}*/

.legend_atelier { display: block; float : left; margin-right: 1%; margin-left: 1%; width : 100%; margin-top : 0%; margin-bottom : 4%; 
background-color : rgba(24,57,30,0.8); border-radius: 5px; padding-left : 1%;  height : 100%; }
.legend_atelier li { list-style-type: none; }
.legend_atelier h2 { font-size: 1.1em; font-weight: bold; color: white; text-decoration : none; }
.legend_atelier h3 { font-size: 1.0em; font-weight: bold; color: white; text-decoration : none; }
/*.legend_atelier a:link { text-decoration : underline; border-bottom: 1px dotted #C61212; color : yellow; vertical-align : center;}
.legend_atelier a:active { text-decoration : underline; border-bottom: 1px dotted #C61212; color : yellow; vertical-align : center;}
.legend_atelier a:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); color : yellow; vertical-align : center;}
.legend_atelier a:focus { text-decoration : underline; border-bottom: 1px dotted #C61212; color : yellow; vertical-align : center;}*/

.permanents { display: block; float : left; margin-right: 1%; margin-left: 1%; width : 100%; margin-top : 0%; margin-bottom : 0%; 
background-color : rgba(24,57,30,0.8); border-radius: 5px; padding-left : 1%;  height : 100%; }
.permanents h2 { font-size: 1.1em; font-weight: bold; color: white; text-decoration : none; }
.permanents h3 { font-size: 1.0em; font-weight: bold; color: white; text-decoration : none; }

.bubbl { position : relative; left: 100px ; bottom : 100px ; }
.bubble {background : black; color : white; padding : 7px 15px ; border-radius: 3px; width : 100px; }
.bubble::after {content:""; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top : 20px solid black; position: absolute; }

#ateliers { display: block; float : left; margin-left: 5%; margin-top: 0%; top: 1%; width: 90%; height: 50%; max-height : 30%; padding: 0; overflow : auto;}
#ateliers h2 { text-align: center;  }
#fb { display: block; float: left; margin-left: 2%; margin-right : 1%; margin-top :0%; margin-bottom : 0%; padding : 0%; top : 0%; 
width : 50%; height : 50%; max-height : 40%; overflow-y : auto;}
.fb-page { }
#fbevents { display: block; float: left; margin-left: 15%; margin-right : 15%; margin-top :0%; margin-bottom : 0%; padding : 0%; top : 0%;
width : 70%; height : 70%; max-height : 60%; overflow-y : auto;}
.fb-events { }
/*#fbevents { display: block; float: left; margin-left: 25%; margin-right : 25%; margin-top :0%; margin-bottom : 0%; padding : 0%; top : 0%;
width : 50%; height : 50%; max-height : 40%; overflow-y : auto;}
.fb-events { }*/
#map { display: block; float: left; margin-left: 1%;  margin-right : 1%; margin-top :0%; margin-bottom : 0%; padding : 0%; top : 0%; 
width : 97%; height : 50%; max-height : 22%; overflow-y : auto;}
#horaire { display: block; float: left; margin-left: 1%;  margin-right : 2%; margin-top :0%; margin-bottom : 0%; padding : 0.5%; top : 0%; 
width : 43%; height : 44%; max-height : 40%; overflow-y : auto; background-color: #C61212; border-radius:10px;}
.ouverture { font-size : 1.2em; vertical-align : center; padding : 5px; margin : 0px; background-color: #C61212; border-radius:10px;}
.ouverture th { font-size : 1.1em; }
#horaire_small { display: block; float: left; margin-left: 1%;  margin-right : 2%; margin-top :0%; margin-bottom : 0%; padding : 0.5%; top : 0%; 
width : 66%; height : 44%; max-height : 40%; overflow-y : auto;}
.ouverture_small { font-size : 1.2em; vertical-align : center; padding : 0px; margin : 0px; background-color: #C61212; border-radius:10px;}
.ouverture_small th { font-size : 1.1em; }
#livredor { display: block; float: left; margin-left: 1%;  margin-right : 1%; margin-top :1%; margin-bottom : 1%; padding : 0.5%; top : 0%; 
width : 97%; height : 35%; max-height : 17%; overflow-y : auto; background-color: #C61212; border-radius:10px;}
.livror { font-size : 1.2em; vertical-align : center; padding : 5px; margin : 0px; background-color: #C61212; border-radius:10px;}
.livror th { font-size : 1.1em; }

#Footer { position : absolute; bottom : 0; width : 100%; height : 5%; background-color: #C61212; }
.link { display : block; float : left; margin-left : 1.5%; font-size : 1.2em; margin-top: 0%; width : 10%;}
.link img { width : 75%;}
.link2{ display : block; float : left; margin-left : 1.5%; font-size : 1.2em; margin-top: 0%; width : 10%;}
.link2 img { width : 80%;}
.adress { position : absolute; font-size : 1.1em; text-align: center; vertical-align : center; margin-top : 0; top : 10%; width : 50%; left : 25%;}
.adress2 { position : absolute; font-size : 1.1em; text-align: center; vertical-align : center; margin-top : 2px; top : 40%; width : 50%; left : 25%;}
.copyright { font-size : 0.75em; position : absolute; right : 0.5%; top: 4%;}

#Mainindex{height: 100%; width : 100% ; background-color: #E8E4D9; background-size: cover; overflow: hidden;}

@media (orientation: portrait) {
  * {
   -webkit-text-size-adjust:none;
   -ms-text-size-adjust: none;
  }
}
@media (orientation: landscape) {
  * {
   -webkit-text-size-adjust: none;
   -ms-text-size-adjust: none;
  }
}