* {
	margin: 0;
	padding: 0;
}
.icon{
	background: url('../img/kreed44.png');
	height: 60px;
	width: 60px;
	display: inline-block;
	border-radius: 50%;
	background-size: cover;

}
	
.grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr;
	grid-template-areas: 
	"title title"
	"nav-bar nav-bar";
	grid-gap: 3px;

}
.title {
	grid-area: title;
	background-color: #40607D;
	font-size: 30px;
	height: 300px;
	color: #E3E5EF;
	text-align: center;
	padding-top: 80px;


}
.nav-bar {
	grid-area: nav-bar;
	
}
ul {
	list-style: none;
	overflow: hidden;
	background-color: #577CB4;
	padding:0;
}

li {
	float: left;
	
}
li a {
	display: block;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	padding: 25px;
	font-size: 20px;
}
li a:hover {
	background-color: #576AC8;
}
li p {
	display: block;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	padding: 25px;
	font-size: 20px;
}