*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.container{
	margin: 0 auto;
	position: relative;
	width: 1120px;
}
.header{
	width: 100%; 
	height: 80px;
	background : #A4DFFF; 
	border-radius: 20px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 20px 0;
}
.active, a:hover{
	opacity: 1; 
}
a { 
	text-decoration: none;
	font-size: 32px;
	color: #3865BC; 
	opacity: 0.5;
 	font-weight: bolder;
}
.logo{
	height: 66px;
}
.top{
	width: 100%; 
	height: 356px;
 	background: url(../img/top.png);
}
.footer{
 	width: : 100%; 
	height: 80px; 
 	background : #A4DFFF; 
	text-align: center;
 	border-radius: 20px; 
 	font-size: 34px; 
	font-weight: bolder;
	margin: 20px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #3865BC;
}
.project, .communication, .relevance{ 
	width: 100%; 
	border-radius: 20px; 
	color: white; 
	font-size: 26px; 
	margin: 20px 0; 
	padding: 30px;
}
.project{
 	background: #FF5D77;
 	display: flex;
 	justify-content: space-between;
}
.communication{ 
	background: #68C5B8;
	display: flex;
 	justify-content: space-between;
}
.relevance{
 	background: #FFB852;
 	display: flex;
 	justify-content: space-between;
}
h2{ 
	text-transform: uppercase;
}
.text{ 
	margin-top: 20px;
}
.box1{
	height: 300px;
	width: 65%;
	
	
}
.box2{
	height: 300px;
	width: 65%;
	
}
.box3{
	height: 300px;
	width: 65%;
	
}
.text{
	font-size: 37px;
}