.w100
{
	width: 100%;
}

.accueil.hero
{
	/* background: url(img/banner_signature.jpg) center / cover; */
    background: linear-gradient(120deg, #efeae6 50%, transparent 50%), url(img/banner_signature.jpg) 70% center / cover no-repeat;
    padding: 9rem 0;
    overflow-x: clip;
}

@media (max-width: 655px)
{
	.accueil.hero
	{
		background: linear-gradient(120deg, #efeae6 50%, transparent 50%), url(img/banner_signature_light.jpg) 70% center / cover no-repeat;
	}
}

.accueil.hero > div.main-container
{
	display: flex; 
	justify-content: space-around;
}

.accueil h1, .accueil h2
{
	font-family: BaskervilleBold, serif;
    font-weight: 600;
}

.accueil h2
{
	font-size: 2rem;
}

.accueil.main-container h2
{
	text-align:center;
	margin:4rem 0;
}





.accueil h1
{
	font-size: 4rem;
}

.accueil h3, .accueil p
{
	font-size: 1rem;
}

.accueil h3
{
	font-weight: bold;
}

.accueil p
{
	font-style: italic;
}

.accueil.hero p
{
	margin: .8rem 0;
}

@font-face {
    font-family: BaskervilleBold;
    src: url("fonts/Baskerville Bold.otf") format("opentype");
    font-display: swap;
}

#as_menu_box_label nav img {
    height: 2.1rem;
    margin-top: -0.3rem;
}

#as_menu_box_label nav .logo_mobile {
	margin-top: 0;
}

.black_button
{
	background-color: black;
	padding: .9rem;
	color: white;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
}

.black_button:hover
{
	opacity: .6;
}

.accueil .grid_container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4vw;
    margin-bottom: 4vw;
	
}

.accueil .grid_container img, img.w100
{
	width: 100%;
	display: block;
}

.accueil .grid_container .bg_aiguille
{
	background: no-repeat 98% / contain url("img/aiguille.png");
}

.accueil .grid_container .bg_aiguille p
{
	max-width: 60%;
}

.accueil .grid_container h3
{
	margin-top: 1rem;
}

.accueil .grid_container.cross_grid h3
{
	margin-top: 0;
}

.accueil .grid_container.cross_grid h3
{
	margin-bottom: 1rem;
}

.accueil .grid_container > div
{
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
}

.accueil .grid_container.cross_grid > div:nth-child(odd)
{
	text-align: right;
	align-items: end;
}

.accueil .grid_container.cross_grid > div:nth-child(even)
{
	text-align: left;
	align-items: start;
}

.accueil.qui_est_somouest
{
	background: no-repeat bottom / contain url("img/qui2.png");
	background-color: #272727;
	color: #fff;
	padding-bottom: calc(15vw + 5rem);
    padding-top: 5rem;
}

.accueil.qui_est_somouest > div.main-container
{
	display: flex;
	justify-content: center;
    align-items: center;
    gap: 4vw;
}

.accueil.qui_est_somouest > div.main-container > *
{
	width: 40%;
    flex: 0 0 40%;
}

.accueil.qui_est_somouest h2
{
	margin-bottom: 7%;
}

.accueil.interieurs div.main-container > h2
{
	margin-bottom: 0;
}

.accueil.interieurs div.main-container > p
{
	margin-bottom: 4rem;
}

.accueil.interieurs
{
	padding: 1px 0;
}

.accueil.nuances, .accueil.interieurs
{
	background-color: #efeae6;
}

.accueil.nuances > div.main-container
{
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1rem;
}

#footer img[src$=".svg"] {
	filter: invert(1);
}


@media (min-width: 900px)
{
	.accueil .grid_container p
	{
		max-width: 60%;
	}
}

@media (min-width: 1050px)
{
	.accueil h3, .accueil p
	{
		font-size: 1.1em;
	}
	
	/*.accueil .grid_container 
	{
		font-size: 1.1em;
	}*/
	
	.accueil .grid_container.cross_grid h3
	{
		margin-top: 1rem;
	}
	
	.accueil.qui_est_somouest p
	{
		width: 80%;
    	/*font-size: 1.1em;*/
    }
}

@media (max-width: 720px)
{
	.accueil .grid_container
	{
		grid-template-columns: 1fr; /* single column */
	}
	
	.accueil .grid_container.cross_grid > div:nth-child(3)
	{
		order: 4;
	}
}

@media (max-width: 780px)
{
	.accueil.qui_est_somouest
	{
		background-size: 130%;
		padding-top: 1rem;
	}
	
	.accueil.qui_est_somouest > div.main-container
	{
		flex-direction: column;
	}

	.accueil.qui_est_somouest > div.main-container > *
	{
		width: 100%;
		flex-basis: 100%;
	}
}