body {
height: 100%;
}

nav {
	display: block;
	margin: 8px 22px;
	background-color: #E7E2C9;
	justify-content: center;
}

nav > ul {
	margin: 0;
	padding: 0;
	justify-content: center;
}

nav > ul > li {
	display: inline-block;
	justify-content: center;
}

nav > ul > li > a {
	color: #fff;
    display: block;
    line-height: 56px;
    padding: 0 24px;
    text-decoration: none;
	justify-content: center;
}

 
.img {
 height: 100%;
}
.fruits {
display: flex; 
display: webkit-flex;
display: ms-flex; 


-webkit-justify-content: space-around;
	-ms-flex-pack: space-around;
	justify-content: space-around;
}

.name {
    height: 40%;
	width: 100%;
	margin: 0px auto;
	
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-justify-content: space-around;
	-ms-flex-pack: space-around;
	justify-content: space-around;
}

.text {


display: flex;
display: webkit-flex;
display: ms-flex; 

-webkit-justify-content: space-around;
-ms-flex-pack: space-around;
justify-content: space-around;
}