.hpproject{
	background:#fff;
	padding:80px 0;
}
.hpprojecttitle{
	font-family:var(--ff-dmsans);
	color:var(--text-color2);
	font-size:24px;
	font-weight:600;
}
.projecttitle{
	font-family:var(--ff-dmsans);
	font-size:40px;
	font-weight:bold;
	color:var(--text-color1);
}
.projectcontent{
	font-family:var(--ff-poppins);
	line-height:36px;
	font-size:18px;
	font-weight:500;
	color:#777;
	margin:40px 0;
}

@media (max-width:768px){
.hpprojecttitle{
	font-family:var(--ff-dmsans);
	color:var(--text-color2);
	font-size:14px;
	font-weight:600;
	text-align:center;
}
.projecttitle{
	font-family:var(--ff-dmsans);
	font-size:20px;
	font-weight:bold;
	color:var(--text-color1);
	text-align:center;
}
.projectcontent{
	font-family:var(--ff-poppins);
	font-size:16px;
	line-height:22px;
	font-weight:500;
	color:#777;
	margin:20px 0;
	text-align:center;
}
}