html {
  scroll-behavior: smooth;
}

big{
	font-size: 1.4rem;
}
p{
	line-height: 1.5rem;
  	font-size: 1rem;
  	font-weight: bold;
  	margin-bottom: 7px;
}
.bg-imagehp{
	width: 127%;
	padding-top: 4rem;
}
.button-biob{
	background-color: #00bf75;
	color: #fff;
	font-weight: bold;
	min-width: 190px;
	box-shadow: 7px 7px 10px #cdcdcd;
	border-radius: 30px;
}
.button-biob-big{
	font-size: 1.1rem;
	padding-top: 7px;
	padding-bottom: 10px;
}
.button-biob a{
	color: #ffffff;
}
/*.btn-hpwrap{
	/*position: absolute;
	bottom: 0;
	right: 2rem;
}*/
footer{
	position: sticky;
	bottom: 0;
}
h2{
	font-size: 2.5rem;
  	font-family: inter;
  	color: #00bf75;
  	font-weight: bold;
  	margin-bottom: 40px;
}
.box-works{
	border: 1px solid #bab9b9;
  	border-radius: 10px;
  	padding: 15px;
  	font-family: inter;
  	font-weight: bold;
  	min-height: 190px;
  	color: #bab9b9;
  	transition: 0.5s;
  	cursor: help;
  	height: calc(100% - 20px);
}
.box-works h3{
	font-family: inter;
	color: #000;
	font-weight: bold;
}
.box-works div{
	color: #e5f3ee;
}
.box-works:hover{
	background-color: #000000;
	color: #fff;	
}
.box-works:hover h3{
	color: #fff;	
}
.box-progetti{
	border: 1px solid #bab9b9;
  	border-radius: 10px;
  	padding: 15px;
  	font-family: inter;
  	min-height: 190px;
  	height: calc(100% - 20px);	
  	text-align: center;
}
#arrow-follow, #arrow-follow-up{
	position: fixed;
	bottom: 50px;
	z-index: 9;
	left: calc(50% - 50px);
	cursor: pointer;
}
#arrow-follow-up{
	display: none;
}
.conteiner-01{
	position: relative;
	height: 90vh;
}
.lander-hp{
	position: absolute;
  	top: 0;
  	left: 0;
  	right: 0;
  	display: flex;
  	justify-content: center;
  	flex-flow: column;
  	height: calc(100% - 125px);
  	min-height: 520px;
}
.conteiner-02{
	background-color: #e5f3ee; border-top: 1px solid; border-bottom: 1px solid; padding: 0; margin-left: -32px; width: calc(100% + 46px);
}
@media screen and (max-width: 772px) {
	.box-works div{
		color: initial;
	}
	.box-works:hover{
		background-color: initial;
		color: initial;
	}
	footer{
		position: relative;	
	}
	#arrow-follow, #arrow-follow-up, .btn-hpwrap{
		display: none;
	}
	.container{
		padding-left: 0px;
	}
	h2{
		margin-top: initial;
	}
	
	.conteiner-02{
		padding-left: 2.5rem;
  		padding-right: 2.5rem;
	}	
}
@media screen and (max-width: 1200px) {
	.lander-hp{
		position: initial;	
	}
	.bg-imagehp{
		width: 100% !important;
		padding-top: 0;
		margin-bottom: 40px;
	}
	.btn-hpwrap{
		display: none;
	}
	.conteiner-01{
		margin-bottom: 0;
		height: auto;
	}	
}
@media screen and (max-height: 650px) {
	.lander-hp{
		position: relative;
		height: auto;
	}
	.conteiner-01{
		height: auto;
	}
	
}