@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', serif;}
@font-face {
  font-family: 'YoungSerif';
  
  font-display: swap;
  src: url("../fonts/YoungSerif.ttf") format('woff2');
}
header{}
.headerlogo{width:100%;display:flex;}
.headerlogo img{width:60%;max-width:300px;margin:0 auto;margin-top:3rem;}
.header_mobile img, .header img{width:100%;display:flex;}
.container{width:90%;max-width:1400px;margin:0 auto;line-height:120%;}
h1{font-family:'YoungSerif';text-align:center;font-size:200%;margin:4rem;line-height:3rem;}

.container h2, h2{font-family:'YoungSerif';text-align:center;font-size:220%;margin:0 auto;line-height:2.8rem;padding:4rem;}
h3{font-family:'YoungSerif';text-align:center;font-size:150%;padding:2rem;}

.intro{display:grid;grid-template-columns:1fr;grid-gap:2rem;}
.intro p{margin-bottom:1rem;}
.intro li{margin:2rem;}
/*popupstore*/
.arrowdown{border: solid #d1d0cb;
  border-width: 0 10px 10px 0;
  display: inline-block;
  padding: 3px;
transform: rotate(45deg);
  -webkit-transform: rotate(45deg);}
#popupstore{background-color: #015589;background-image: url("../images/fond.jpg");background-repeat: no-repeat;background-size: cover; margin-bottom:2rem;}

.all_stores{display:grid;grid-template-columns:1fr;padding-bottom:3rem;padding-top:3rem;}
.one_store{display:grid;grid-template-rows:1fr auto;background:white;border-radius:5px;padding:2rem;margin-bottom:1rem;}
.one_store_text{flex-grow:1;}
.one_store_text p{line-height:1.5rem;}

.one_store_image{width:100%;margin-top:0.5rem;}
.one_store_image img{width:100%;}
a{color:inherit;text-decoration:none;}
.popupstore_button{width:30%;text-align:center;margin:0 auto;margin-top:2rem;padding:0.5rem;border:2px solid #d1d0cb;border-radius:10px;}
.popupstore_button:hover{background-color: #d1d0cb;}
/*fin pop up store*/



footer{text-align:center;padding-bottom:4rem;}
footer a{text-decoration:none;color:black;}
footer a:hover{font-weight:bold;}
footer p{margin:1rem;}
.socialicon{display:grid;grid-template-columns:1fr 1fr 1fr;margin:0 auto;padding-top:3rem;padding-bottom:3rem;}
.socialicona{padding-bottom:1rem;}
.socialicona a{
	font-size:2rem;
	color:rgb(27,26,24);
}

.socialicona a:hover {text-decoration: none;color:#293c55;}
.socialicona p{font-size:40%;argin-bottom:1rem;}


@media only screen and (max-width: 540px){
	.header, .header img{display:none;}
	.header_mobile, .header_mobile img{display:block;}
	.h1_mobile{display:block;}
	.h1_desktop{display:none;}
	.all_stores{display:grid;grid-template-columns:1fr;grid-gap:2rem;}
	
	}
	
@media only screen and (min-width:541px){
	.header_mobile, .header_mobile img{display:none;}
	.header, .header img{display:block;}
	.h1_mobile{display:none;}
	.h1_desktop{display:block;}
	.intro{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:2rem;}
}




@media(min-width:900px){
	
	.all_stores{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;}
	.socialicon{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:1rem;width:95%;margin:0 auto;padding-top:3rem;padding-bottom:3rem;}
	}