.homebody{
	background-color:#e9e9e9;
	max-width:100vw;
	max-height:100vh;
	overflow:hidden;
}
#backgrey{
	position:absolute;
	height:30vh;
	min-width:100vw;
	max-width:100vw;
	max-height:100vh;
	overflow:hidden;
	background-color:#CCCCCC;
	z-index:-1;
}
#homenav{
	margin-top:25vh;
	min-width:100vw;
	max-width:100vw;
	max-height:100vh;
	min-height:100vh;
	overflow:hidden;
	background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
	background-image: url('home-small.jpg'); /* Changes when LARGER */
	z-index:999;

}
.nav{
	position:absolute;
	height:13vw;
	top:calc(25vh + 10vw);
	cursor:pointer;
	/*background-color:rgba(0,0,0,0.63);*/
}
.nav:hover{
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.nav1{
	width:21vw;
	left:11vw;
	border-radius:15vw 5vw 10vw 0;
}
.nav2{
	width:19vw;
	left:32vw;
	border-radius:10vw 10vw 10vw 5vw;
}
.nav3{
	width:20vw;
	left:51vw;
	border-radius:5vw 15vw 0 0;
}
.nav4{
	width:20vw;
	left:68vw;
	border-radius:0 10vw 0 10vw;
}

@media only screen and (min-width: 500px) {
#homenav{
	background-image: url('home.jpg');}
.nav{
	position:absolute;
	height:13vw;
	top:calc(25vh + 10vw);
	cursor:pointer;
	/*background-color:rgba(0,0,0,0.63);*/
}
.nav1{
	width:21vw;
	left:11vw;
	border-radius:15vw 5vw 10vw 0;
}
.nav2{
	width:19vw;
	left:32vw;
	border-radius:10vw 10vw 10vw 5vw;
}
.nav3{
	width:20vw;
	left:51vw;
	border-radius:5vw 15vw 0 0;
}
.nav4{
	width:20vw;
	left:68vw;
	border-radius:0 10vw 0 10vw;
}
}