html {
  scroll-behavior: smooth;
}
.prod-header{
	background: url('pbg3.jpg')no-repeat;
	background-size: cover;
	height: 60vh;
}

.prod-cont{
	padding-top: 8%;
}

.prod-header h1{
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	color: white;
	font-size: 60px;
	border-left: 10px solid #ffa12e;
	padding: 5px;
}

.prod-header p{
	padding-top: 2%;
	width: 70%;
	color: white;
	font-family: 'Poppins', sans-serif;
	margin-top: 25px;
	font-size: 20px;
}

.products-container{
	padding: 5%;
}

.products-container h2{
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	text-align: center;
}

.prod-single-box .card-body{
	background-color: #f2f2f2;
	padding: 15px;
	text-align: center;
}

.prod-single-box .card-title{
	font-weight: bold;
	font-family: 'Abel',sans-serif;
}

.prod-single-box .btn{
	background-color: #ffa12e;
	padding: 3%;
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
	color: white;
	font-weight: bold;
	letter-spacing: 0.8px;
}

/*for larger screens */
@media (max-width: 1444.98px){
	.prod-single-box{
		padding: 1%;
	}
}


/*for larger screens like desktop, laptop*/
@media (min-width: 767.98px) and (max-width: 1366.98px){
	.prod-single-box{
		padding: 2%;
	}

}


/*for smartphones */
@media (min-width: 576px) and (max-width: 767.98px){
	.prod-cont{
		padding-top: 25%;
	}

	.prod-header h1{
		font-size: 40px;
	}

	.prod-header p{
		width: 100%;
	}

	.prod-single-box{
		padding: 2%;
	}
}

/*for smaller screens */
@media (max-width: 575.98px){
	.prod-cont{
		padding-top: 30%;
	}


	.prod-header h1{
		font-size: 40px;
	}

	.prod-header p{
		width: 100%;
	}

	.prod-single-box{
		padding: 2%;
	}
}