/* 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.2em; }
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: 100%; width : 100%; background-color: #C61212; vertical-align : top; top : 0%; margin : 0; padding : 0; max-height : 100%; overflow-y : scroll; }
#php_paypal {display : block; position : relative ; height: 60%; width : 100%; background-color: #C61212; vertical-align : top; top : 0%; margin : 0; padding : 0; max-height : 60%; overflow-y : scroll; }

.textvert {font-size : 0.1em; font-weight : 1; color: white; 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; color: white;}
.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 : 40% ; width : 100%;  top: 1%; right : 5%; left : 5%; max-height : 40%; overflow-y : scroll; background-color: #EDC97C }
	
html, body, #Main{height: 100%; width : 100% ; background-size: cover; overflow: hidden;}

/* HEADER */
	#Header { background-color: transparent; width: 100%; height: 19%; position: relative; margin: 0; overflow: hidden;}
	#Header h1 { position: absolute; left: 0.2%; top: 3%; width: 14%; margin:0; }
	#Header h1 a { display: block; margin:0; padding:0;}
	#Header img {width : 100%; height : 100%;}
		
/* MAIN MENU */
	#Menu { position: relative;  top: 1%; right : 1%;}
	.HeaderMenu { display: block; float: right; width : 70%; margin-right : 0%; }
	.HeaderMenu { margin-top: 1%; }
	.HeaderMenu li{ float: left; margin-right: 30px; font-family: Verdana, cursive; list-style-type: circle; width : auto;}
	.HeaderMenu li a{ font-size: 1.5em; font-weight : bold; letter-spacing: 0px; color: #C61212;} 
/*	.HeaderMenu li a{ font-size: 1.5em; font-weight : bold; letter-spacing: 0px; color: white;} */
	.HeaderMenu li a:hover{ border-bottom: 1px dotted #C61212; }
	.HeaderMenu img {width : 100%; height : 100%;}

#zoniconhome { display: block; position : relative; top: 1%; width: 100%; height:80%; max-height : 80%; margin: 0; padding: 0; overflow-y : auto;}
#zoniconhome a { display: block; float : left ; position : relative; top : 0%; }
#zoniconhome h2 { text-align: center;  }
.zoniconleft { display: block; float: left; margin-left: 15%; margin-top: 1%; width : 10%; }
.zoniconleft img {width : 130%; height : 130%;}
.zoniconleft a:hover{ -webkit-transform: rotateZ(-30deg); -ms-transform: rotateZ(-30deg); transform: rotateZ(-30deg);}
.zoniconleft li { list-style-type: none; }
.zoniconleft span {font-size : 1.0em; display : block; float: left; position:absolute; margin-top:-50%; margin-left: 120%;  width :150% ; 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: right; margin-right: 20%; margin-top: 1%; width : 10%; }
.zoniconright img {width : 130%; height : 130%;}
.zoniconright a:hover{ -webkit-transform: rotateZ(-30deg); -ms-transform: rotateZ(-30deg); transform: rotateZ(-30deg);  }
.zoniconright li { list-style-type: none; }
.zoniconright 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}
.zoniconright a:hover span, a:focus span { -webkit-transform: rotateZ(30deg); -ms-transform: rotateZ(30deg); transform: rotateZ(30deg); margin-top:-120%; }

.zoniconcenter {display: block; float: left; margin-left: 17%; margin-top: 14%; width : 10%;  }
.zoniconcenter img {width : 130%; height : 130%;}
.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 : 50%; margin: 1%; padding: 1%; overflow : auto; z-index : 5;}
#zonreserv {background-color: transparent; display: block; position : relative; float : left; top: 0%; width: 80%; height: 100%; max-height : 68%; margin: 0; padding: 0; overflow-y : 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; right : 0%; width: 19%; margin: 0; padding: 0;}
.imgbrunch { display: block; float: left; position : relative; right : 0%; margin-right: 0%; margin-left: 0%; margin-top : 0%; margin-bottom : 0%; padding : 0%; width : 100%; 
font-size: 1.1em; font-weight : bold; letter-spacing: 0px; background-color : #C61212;  border-radius:10px; overflow-y : auto; }
.imgbch  { display: block; width : 240px; height : 280px; background : url(../images/brunch1rs.jpg);  background-size: cover; overflow: hidden;}
.imgbch:hover  { display: block; background : url(../images/brunch1rs.jpg); background-size: cover; overflow: hidden;  }

#panier { display: block; float : center ; position : relative; top : 0%; width : 100%; }
#panier h2 { font-size: 1.2em; font-weight: bold; color: #C61212; text-decoration : none; line-height : 1.4; }
#panier a { display: block; float : left ; position : relative; top : 0%; text-align : center; }
		.panierright { display: block; float: right; margin-right: 2%; margin-left: 10%; margin-top: 0%; margin-bottom: 0%; width : 72%; 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.0em; font-family : Arial, sans-serif, cursive; color : white; font-weight : bolder; }
		.panierleft { display: block; float: left; margin-right: 0%; margin-left: 2%; margin-top: 0%; margin-bottom: 0%; width : 10%; padding : 0%; background-color : #E8E4D9; border-radius:10px; }
		.panierleft img {width : 80%; height : 80%;}
		.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%; margin : 0%;  }
#zonicon a h3 {text-align : left ; z-index: 2; color : white; font-size : 1.0em;  }

.radio { text-align : right;}

.privat { display: block; float: left; top : 0%; margin-right: 5%; margin-left: 5%; margin-top : 0%; padding : 1%; width : 80%; 
font-size: 1.1em; 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 : 0%; padding : 1%; width : 80%; 
font-size: 1.1em; 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 : 50%; background-color : rgba(0,256,128,0.3);  border-radius:10px;   margin : 0; margin-left: 22%; padding : 5px;  }
.descriT h3 { line-height : 1.3; vertical-align : center; padding : 1px; margin : 1px; }
.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 : 50%; background-color : rgba(256,128,0,0.6);  border-radius:10px;   margin : 0;  margin-left: 22%; padding : 5px;  }
.descriR h3 { line-height : 1.3; vertical-align : center; padding : 1px; margin : 1px; }
.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 : 50%; background-color : rgba(0,128,256,0.6);  border-radius:10px;   margin : 0;  margin-left: 22%; padding : 5px;  }
.descri h3 { line-height : 1.3; vertical-align : center; padding : 1px; margin : 1px; }
.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 : 66%; }
/*.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: table-cell; float: left; width : 100%; top : 0%; margin : 0%; }
.bulle a { text-shadow: 0px 0px 0px black;}
.bulle a:link, a:visited {cursor : help; font-size : 120%;  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:90%; color:white; background:grey; width : 300px; 
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: 0px 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-right: 0%; width : auto; 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 : 120%; }
.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-right: 0%; width : 5%; 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 : 120%; }
.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; vertical-align : center; float : left; margin-right: 2%; margin-left: 2%; width : 87%; margin-top : 0%; margin-bottom : 1%; 
background-color : #E8E4D9 ; border-radius: 5px; padding : 1%;  height : 100%; }
.legend li { list-style-type: none; }
.legend h2 { font-size: 1.1em; font-weight: bold; color: #C61212; text-decoration : none; }
.legend h3 { font-size: 1.0em; font-weight: bold; color: #C61212; text-decoration : none; vertical-align : center; }
.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: 2%; margin-left: 32%; width : 53%; margin-top : 0%; margin-bottom : 4%; 
background-color : rgba(24,57,30,0.8); border-radius: 5px; padding : 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; vertical-align : center; }
.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: 2%; margin-left: 32%; width : 53%; margin-top : -4%; margin-bottom : 0%; 
background-color : rgba(24,57,30,0.8); border-radius: 5px; padding : 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; vertical-align : center; }

.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: 1%; margin-top: 0%; top: 0%; width: 64%; height: 80%; max-height : 50%; padding: 0 auto; 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 : 28%; height : 70%;}
.fb-page { }
#fbevents { display: block; float: left; margin-left: 2%; margin-right : 1%; margin-top :-14%; margin-bottom : 0%; padding : 0%; top : 0%; 
width : 28%; height : 72%; max-height : 72%; 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 : 62%; height : 72%; max-height : 72%; 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 : 28%; height : 30%; max-height : 30%; overflow-y : auto; background-color: #C61212; border-radius:10px;}
.ouverture { font-size : 1.2em; vertical-align : center; padding : 0; margin : 0; background-color: #C61212; border-radius:10px;}
.ouverture th { font-size : 1.2em; }
#horaire_small { display: block; position : absolute; margin-left: 35%;  margin-right : 2%; margin-top :12%; margin-bottom : 0%; padding : 0.5%; top : 0%; 
width : 23%; height : 100%; max-height : 100%; z-index : 1; }
.ouverture_small { font-size : 1em; vertical-align : center; padding : 0; margin : 0; background-color: #C61212; border-radius:10px;}
.ouverture_small th { font-size : 1em; }
#livredor { display: block; float: left; margin-left: 1%;  margin-right : 1%; margin-top :-18%; margin-bottom : 1%; padding : 0.5%; top : 0%; 
width : 28%; height : 33%; max-height : 33%; overflow-y : auto;  background-color: #C61212; border-radius:10px;}
.livror { font-size : 1.2em; vertical-align : center; padding : 0; margin : 0; background-color: #C61212; border-radius:10px;}
.livror th { font-size : 1.2em; }

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

#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;
  }
}