#accueil_galery {
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-gap: 3%;
	margin-bottom:30px;
}

#accueil_galery > img {
	width:100%;
	height:auto;
}

#chambre, #siteTour {
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-gap: 3%;
	grid-auto-flow: dense;
	margin-bottom:30px;
}
#chambre > p , #siteTour > p {
	margin:0;
}

#chambre h3, #siteTour h3{
	font-size:130%;
}

#gite {
		display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap: 4vmin 5vmin;
}

#gite > div img {
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-top:20px;
	margin-bottom: 15px;
	max-width: 65%;
	border: 2px solid gray;
}
.vertical{
	/*height: 200px;*/
		height: 10hw;
	max-height: 220px;
	max-width: 60%;
}
#gite > div p{
	margin-top:40px;
}
#gite > div p:first-of-type{
	margin-top:0px;
}
#gite_img {
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-top:50px;
	margin-bottom:20px;
}

#contact {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-gap:0 5vmin;
}

#contact p{
	margin:0 0 10px 0;
}

#gallery {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-gap:30px;
}

#menu > ul > li {
	width:20%;
}

@media only screen and (max-width:100vh) {
	#gite {
		display:grid;
		grid-template-columns:1fr;
	}
	
	#reserv {
		display:grid;
		grid-template-columns:1fr;
	}
	
	#accueil_galery {
		grid-template-columns:1fr 1fr;
	}
	
	#gallery {
		grid-gap: 3vw;
		grid-template-columns:1fr 1fr;
	}
}
@media screen and (max-width: 1200px) {  
	body, .page-wrapper {
		background:url(../../wp-content/uploads/wood_background_reduit.jpg)!important;
	}
}

@media screen and (max-width: 1000px) { 
    #gite > div img {
        max-width: 80%;
    }
	#siteTour {
		grid-template-columns:1fr 1fr;
	}
	#contact {
		grid-template-columns:1fr 1fr;
	}
	#contact #imgContact {display: none}
	/*#imgAvoir {height:80%;}*/
}
	
@media screen and (max-width: 768px) {
	#chambre {
		grid-template-columns:1fr 1fr;
	}
}

@media screen and (max-width: 520px) {
	#chambre, #siteTour {
		display:block;
	}
	
	#chambre > div, #siteTour > div{
		margin-bottom:5vmin;
	}
	#contact {
		display:grid;
		grid-template-columns:1fr;
		grid-gap: 2vmin;
	}
	#contact #imgContact {display: block}
	/*#imgAvoir {height:auto}*/
}

.header-wrapper {background-position: center;}

#logo-container h1{
	color: #ffffff;
	padding: 0;
}