@charset "UTF-8";
/* CSS Document */
/*reset*/
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;
}

/*style*/

body{font-family: 'Muli', sans-serif;line-height:1.2rem;background-color: rgb(229,229,229);}
.container{margin:0 auto; width:85%;max-width:1200px;}

header{display:grid;grid-template-columns:1fr 1fr;padding:0; margin:0;}
.darklands_visuels img {width:100%;margin:0; padding:0;object-fit:cover;}
.headerlogo{display:flex;width:100%;text-align:center;justify-content:center;margin-top:4rem;}
.headerlogo img{width:95%;max-width:700px;}

main{display:block;font-family:'Poppins';margin-top:2rem;}
main p{padding:1rem;}
.bold{font-weight:bold;font-size:110%;letter-spacing: 0.05rem;margin-bottom:0.4rem;}
.intro{display:block;margin-bottom:3rem;/*background:rgb(254,254,254);*/}
.intro h2,.intro_text3 h2{font-family:'Fredoka'; font-size:215%;line-height:105%;font-weight:bold;padding-top:2rem;margin-bottom:2rem;margin-right:0.5rem;}
.intro p{margin-right:1rem;}
.intro_photo img{height:100%;width:100%;object-fit:cover;}
.intro_photo{flex-grow:1;padding-top:2rem;}
.intro_text{padding:1rem;}
.intro_text3{display:block;margin-bottom:3rem;background:rgb(254,254,254);padding:2rem;}
.intro_text3 p{margin-right:1rem;}
.button{width:80%;background:rgb(241,241,241);margin:1rem;padding:0.5rem;text-align:center;}

#popupstore{background-color: rgb(254,254,254);padding-top:1.2rem;padding-bottom:0.2rem;margin-bottom:2rem;}
#popupstore h2{font-size: 115%; font-weight:bold;margin-bottom: 1rem;}
#popupstore p {margin-top:0rem;}
.markets{display:grid;grid-template-columns:1fr;margin-bottom:1.2rem;}
.one_store{margin-bottom:1.5rem;}
.one_store_image{width:100%;margin-top:0.5rem;}
.one_store_image img{width:100%;}
a{color:inherit;text-decoration:none;}
.button:hover{font-weight:bold;font-size:105%;border-style:solid; border-width:0.2rem;border-radius:0.4rem;border-color:rgb(185,249,62);}
/*fin pop up store*/



footer{margin-top:1rem;margin-bottom:3rem;text-align:center;}
.footer_block{margin-bottom:2.5rem;}
.footer_block p{margin-bottom:1rem;}



@media(min-width:800px){
	header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;}
	.intro{display:grid; grid-template-columns:35% 65%;}
	.intro_text{padding:2rem;}
	.intro_text3{display:grid; grid-template-columns:33% 34% 33%;}
	.button{width:40%;float:left;}
	.markets{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1.5rem;}
	
}