html {
	height:100%;
	width:100%;
	background-color: black;
	text-align:center;
}

html, body {
    margin: 0;
    height: 100%;
}

p, h1 {
	color:white;
}

.panel {
	z-index:1;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	max-height:100;
	width: 700px;
	max-width: 95%;
}



.nav img {
	width:100px;
	height:100px;
	position: relative;
	}


.left {
	margin-right:-100px;
	float: left;
	transform: scale(-1, 1);
	
}

.right {
	margin-left:-100px;
	float: right;
}

.mid {
	text-align:center;
	position:relative;
	margin-left:-100px;
	margin-right:-100px;
}

.hov{
	left: 100px;
	z-index: -1; 
}

.hov3 {
	left:-50px;
}

.hov4 {
	margin-right:-50;
	
	left:50px;
}

.hov2:hover {
	opacity:0;
 }

.hov3:hover {
	opacity:0;
 }