@import url('https://fonts.googleapis.com/css2?family=Afacad:wght@500&family=Open+Sans&display=swap');
*{
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
}
.h4-s{
	font-size: 35px;
	margin: 2.5% 0px 0px 11%;
	color: #000080;
	border-left: 6px solid red;
	padding-left: 10px;
}
.staff-txt1{
	margin: 1% 0px 0px 14%;
	font-size: 19px;
	letter-spacing: 0.5px;
	color: #000080;
}
.staff-p{
	margin: 1.5% 0px 1.5% 14%;
	font-weight: 1000;
	font-size: 20px;
	color: #000080;
	text-transform: capitalize;
}
.staff-list{
	display: grid;
	grid-template-columns:repeat(3, 1fr) ;
	text-align: center;
}
.staff-item img{
	height: 250px;
	width: 250px;
	border-radius: 50%;
}
.staff-item{
	padding: 10px;
	margin: 15px;
	color: #000080;
	box-shadow: 0px 0px 7px 0 grey;
}
@media only screen and (min-width: 200px) and (max-width: 790px){
	.staff-list{
		grid-template-columns: repeat(1, 1fr);
	}
	.staff-p{
		font-size: 18px;
	}
	.staff-txt1{
		font-size: 17px;
	}
	.h4-s{
		font-size: 32px;
	}
}
@media only screen and (min-width: 790px) and (max-width: 1200px){
	.staff-list{
		grid-template-columns: repeat(2, 1fr);
	}
}