.main{
	padding: 20px;
	display: grid;
	grid-template-rows: repeat(1, 1fr);
	grid-template-columns: repeat(4, 1fr);
}
.nav_pages > a:nth-child(5){
	opacity: 1;
	font-size: 28px;
}
.nav_footer a:nth-child(4){
	filter: brightness(0.7);
	font-size: 20px;
}
.main > div{
	padding: 30px;
}



.main .our_team, .main .team_lead, .team_lead_img, .team_text, .team_img{
	transition: 0.5s;
}
.our_team:hover{
	filter: brightness(1.4);
}
.team_lead:hover{
	filter: brightness(1.1);
}
.team_lead_img:hover{
	filter: brightness(1.3);
}
.team_text:hover{
	filter: brightness(1.3);
}
.team_img:hover{
	filter: brightness(1.2);
}


.our_team_first{
	grid-row: 1 / 2;
	grid-column: 1 / 4;
	background: #FD7462;
	opacity: 0.8;
	border-radius: 20px 20px 20px 0;
	margin-right: 20px;
}
.our_team_second{
	grid-row: 2 / 3;
	grid-column: 1 / 2;
	background: #FD7462;
	opacity: 0.8;
	border-radius: 0 0 20px 20px;
	margin-right: 20px;
}



.team_img{
	grid-row: 1 / 2;
	grid-column: 4 / 5;
	opacity: 0;
	padding: 0;
}
.team_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}
.team_text{
	grid-row: 2 / 4;
	grid-column: 4 / 5;
	background: #4970E7;
	border-radius: 20px;
	opacity: 0;
	margin-top: 20px;
}




.team_lead_text_first{
	grid-row: 2 / 3;
	grid-column: 2 / 4;
	background: #9CDDBB;
	border-radius: 20px 20px 0 20px;
	margin-top: 20px;
	margin-right: 20px;
}
.team_lead_text_second{
	grid-row: 3 / 4;
	grid-column: 3 / 4;
	background: #9CDDBB;
	border-radius: 0 0 20px 20px;
	margin-right: 20px;
}
.team_lead_img{
	grid-row: 3 / 4;
	grid-column: 1 / 3;
	padding: 0;
}
.team_lead_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}




.our_team_first h3, .our_team_second h3{
	color: white;
	font-size: 20px;
}
.our_team_underline{
	background: white;
}
.our_team_first p{
	color: white;
	font-size: 20px;
	text-align: justify;
}
.our_team_second p{
	font-size: 20px;
	color: white;
	text-align: justify;
}




.team_text h3{
	color: white;
	font-size: 20px;
}
.team_underline{
	background: white;
}
.team_text p{
	font-size: 20px;
	color: white;
	text-align: justify;	
}




.team_lead_text_first h3{
	color: #4D7745;
	font-size: 25px;
}
.team_lead_underline{
	background: #4D7745;
}
.team_lead_text_first p{
	color: #4D7745;
	font-size: 20px;
	text-align: justify;	
}
.team_lead_text_second p{
	color: #4D7745;
	font-size: 20px;		
	text-align: justify;
}




.our_team_first, .our_team_second{
	animation-name: our_team_animation;
	animation-duration: 1s;
	animation-delay: 1s;
	opacity: 0;
	animation-fill-mode: forwards; 
}
@keyframes our_team_animation{
	from{
		position: relative;
		right: 1000px;
		opacity: 1;
	}
	to{
		position: relative;
		right: 0;
		opacity: 1;
	}
}
.team_img{
	animation-name: team_img;
	animation-duration: 1s;
	animation-delay: 1.4s;
	animation-fill-mode: forwards;
}
@keyframes team_img{
	from{
		position: relative;
		top: -1000px;
		opacity: 0;
	}
	to{
		position: relative;
		top: 0px;
		opacity: 1;
		padding: 0;
	}
}
.team_lead_text_first, .team_lead_text_second{
	animation-name: team_lead;
	animation-duration: 1s;
	animation-delay: 1.2s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes team_lead{
	from{
		position: relative;
		bottom: -300px;
		opacity: 0;
	}
	to{
		position: relative;
		bottom: 0px;	
		opacity: 1;
	}
}
.team_lead_img{
	animation-name: our_team_animation;
	animation-duration: 1s;
	animation-delay: 2.1s;
	animation-fill-mode: forwards;
	opacity: 0;
}
.team_text{
	animation-name: team;
	animation-duration: 1s;
	animation-delay: 1.8s;
	animation-fill-mode: forwards; 
}
@keyframes team{
	from{
		position: relative;
		top: 1000px;
		opacity: 0;
	}
	to{
		position: relative;
		top: 0px;
		opacity: 0.7;
	}
}



@media(max-width: 700px){
	.team_img{
		display: none;
	}
	.team_lead_img{
		display: none;
	}
	.our_team_first{
		grid-row: 1 / 2;
		grid-column: 1 / 5;
		border-radius: 20px 20px 0 0;
	}
	.our_team_second{
		grid-row: 2 / 3;
		grid-column: 1 / 5;
	}
	.team_lead_text_first{
		grid-row: 3 / 4;
		grid-column: 1 / 5;
		border-radius: 20px 20px 0 0;
	}
	.team_lead_text_second{
		grid-row: 4 / 5;
		grid-column: 1 / 5;
	}
	.team_text{
		grid-row: 5 / 6;
		grid-column: 1 / 5;
		margin-right: 20px;
	}
}