:root 
{
	--panna:#e9e6dd;
	--verdone:#647048;
	--verdino:#838944;  
	--grigio:#bfb8a8;
	--verdechiaro: #b0bea4;
	--blu:#357b9b;
	
	--navlinks:16px;
	--hero1:156px;
	--hero1lh: 129px;
	--hero2:121px;
	--hero2lh:99px;
	--text1:28px;
	--text1lh:35px;
	--text1mob:20px;
	--text1lhmob:26px;
}

body
{
	font-family:Roboto;
	line-height:1.1em;
	background-color:var(--panna);
}

.picscontainer 
{ 
    overflow: hidden;
	background:white !important;
}

.navlink
{
	font-size: var(--navlinks);
    color: var(--verdone) !important;
    border-left: 1px var(--verdone) solid;
    margin: 0px;
    padding: 0 23px !important;
}
.lastnavlink
{
	border-right:1px var(--verdone) solid;
}

.headerlogo
{
	height:100px;
}

.herocontainer
{
	width:100%;
	height:calc(100vh - 130px);
	background-image:url(../images/heroHomeDesk.jpg);
	background-size:cover;
	background-position:center;
	position:relative;
	display:flex;
	align-items:end;
	justify-content:center;
	
}

.herotext
{ 
	bottom:0;
	left:0;
	font-family:PlayfairDisplay;
	font-size:var(--hero1);
	color:var(--panna);
	line-height: var(--hero1lh);
	width:1000px; 
}

.herotext2
{
	bottom:0;
	left:0;
	font-family:PlayfairDisplay;
	font-size:var(--hero2);
	color:var(--verdino);
	line-height: var(--hero2lh);
	width:1000px;
}

.mycontainer
{
	width:100%;
	max-width:1000px; 
	position:relative;
	margin:auto;
}

.greentext
{
	font-size:var(--text1);
	line-height:var(--text1lh);
	color:var(--verdino);
}

.homecontainer
{
	width:100%; 
	background-image:url(../images/homesedie.jpg);
	background-size:cover;
	background-position:center 80%;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:start;
	justify-content:center;
	height:873px;
}

.picscontainer
{
	width:100%;
	display:flex;
	gap:4px;
	margin-top:4px;
}

.pic6
{ 
	aspect-ratio:1; 
	flex: 1;      /* Ogni immagine prende una quota uguale dello spazio */
	min-width: 0; /* Impedisce alle immagini di rompere il layout se sono grandi */
	height: auto;
	object-fit: cover;
}

.pic4
{
	aspect-ratio:1;
	flex: 1;      /* Ogni immagine prende una quota uguale dello spazio */
	width: calc(25% - 4px); /* Impedisce alle immagini di rompere il layout se sono grandi */
	height: auto;
	object-fit: cover;
}

.mybutton1
{
	border:none;
	background:white;
	color:var(--verdone);
	font-size:var(--text1);
	padding:20px 90px;
	border-radius:50px;
}

.mybutton2
{
	border:none;
	background:var(--verdone);
	color:var(--panna);
	font-size:var(--text1);
	padding:20px 90px;
	border-radius:50px;
}

.orari
{
	text-align:center;
	margin:100px 0;
}

.oraributton
{
	text-align:center;
	position:relative;
	margin-bottom:100px;
}

.mtorari
{
	margin-top:100px
}


footer
{
	width:100%; 
	background-color:var(--verdone);
	color:var(--panna);
	margin-top:5px;
}

.navbarbkg
{
	background-color:var(--panna) !important;
}

.ht3
{
	color:var(--verdone);
	font-size:151px;
	line-height: 124px;
}

.sedie
{
	height:690px;
}

.space1
{
	padding-top:100px;
	padding-bottom:140px;
}

.b1top
{
	margin-top:750px
}

.cuoco
{
	height:200px;
}

.homemenucontainer
{
	display:flex;
	justify-content:center;
	gap:20px;
	padding-bottom:160px;
}

.homemenucontainer img
{
	flex-basis:50%;
	width:100%;
	max-width:400px;
	
}

@media (max-width: 992px) 
{
	
	:root 
	{ 
		--navlinks:26px; 
	}

	.headerlogo
	{
		display:none;
	}
	
	.homemenucontainer
	{
		flex-wrap:wrap;
		padding-bottom:80px;
	}
	
	.homemenucontainer img
	{
		flex-basis:100%;
		max-width:250px;
		
	}
		
	.mynavbar
	{
		justify-content:start !important;
	}
	
	.navbarbkg
	{
		background-color:transparent !important;
		position: fixed;
		z-index: 2;
	}
	
	.navbar-toggler
	{
		border: none !important;
	}
	
	.orari
	{
		text-align:center;
		margin:40px 0;
	}
	
	.orari img
	{
		padding:0 20px;
	}

	.oraributton
	{
		text-align:center;
		position:relative;
		margin-bottom:40px;
	}
	
	.mtorari
	{
		margin-top:40px !important;
	}
	
	.herotext
	{  
		font-size:40px; 
		line-height: 31px; 
		    width: 70%;
	}

	.mybutton2
	{
		font-size:20px;
		
	}

	
	.herotext2
	{ 
		font-size:50px; 
		line-height: 40px; 
		margin-left: 50%; 
		transform: translateX(-50%); 
		width: 70%;
	}
	
	.greentext
	{ 
		font-size:var(--text1mob);
		line-height:var(--text1lhmob);
		width:80%;
		margin:auto;
	}
	
	.ht3
	{
		font-size:50px; 
		line-height: 40px; 
		width:70%;
		margin:auto;
	}
	
	.homecontainer
	{
		height:223px;
	}
	
	.sedie
	{
		height:174px;
	}
	
	.space1
	{
		padding-top:60px;
		padding-bottom:40px;
	}
	
	.mybutton1
	{ 
		font-size:18px;
		padding:10px 30px;
		border-radius:20px;
	}
	
	.b1top
	{
		margin-top:205px;
	}
	
	.nomob
	{
		display:none !important;
	}
	
	.pic6
	{
		width:calc(50% - 4px);
	}
	
	.pic4
	{
		aspect-ratio:1;
		width:100%;
		width:calc(50% - 4px);
	}
	
	.p4
	{
		flex-wrap:wrap;
	}
	
	.cuoco
	{
		height:100px;
	}
	
	.navbar-toggler
	{
		margin-left: -70px;
	}
	
	.navbar-nav
	{
		padding:20px;
		background:var(--verdone); 
	}
	
	.navlink
	{
		border: none !important; 
		color:var(--panna) !important; 
		padding:0 !important; 
	}
	.lastnavlink
	{
		border: none !important; 
	}
	.nav-item
	{
		margin-bottom:30px;
	}
	
	.navbar-toggler-icon
	{		
		filter: invert(1);
	}
	
	.navlink
	{
		padding:0;
	}
	
	.headertext
	{
		font-size:50px !important; 
		line-height:40px !important; 
	}
	
	
}