nav{
	background: white;
	line-height: 4em;
	min-height: 4em;
	padding: 0 1em;
	z-index: 100000000000;
	position: relative;
	box-shadow:0 5px 20px black;
	text-align: right;
}
	nav .home{
		display: inline-block;
		margin: 0;
		padding: 0;
		float: left;
	}
		nav .home a{
			font-family: 'Tangerine', cursive;
			font-size: 1.8em;
			font-weight: bold;
			text-decoration: none;
			color: black;
		}
			nav .home .a:hover{
				background-color: #aaa;
					cursor: pointer;
					color:white;
					text-decoration: underline;
					box-shadow:2px 2px 5px black;
					webkit-transform:scale(1.15); 
				    -moz-transform:scale(1.15);
				    -ms-transform:scale(1.15); 
				    -o-transform:scale(1.15); 
				     transform:scale(1.15);
			}
	nav ul{
		display: inline-block;
		/*float: right;*/
		margin: 0;
		padding: 0;
	}
		nav ul li{
			display: inline-block;
		}
			nav ul li a{
				color: #555;
				display: inline-block;
				font-family: 'Tangerine', cursive;
				font-size: 1.8em;
				padding: 0 1em;
				text-decoration: none;
				border-radius: 50%;
				-webkit-transition: all 1s ease; 
			    -moz-transition: all 1s ease; 
			    -ms-transition: all 1s ease; 
			    -o-transition: all 1s ease; 
			    transition: all 1s ease;
			}
				nav ul li a:hover{
					background-color: #000;
					cursor: pointer;
					color:white;
					box-shadow:2px 2px 5px black;
					
					webkit-transform:scale(1.15) translateY(5px); 
				    -moz-transform:scale(1.15) translateY(5px);
				    -ms-transform:scale(1.15) translateY(5px); 
				    -o-transform:scale(1.15) translateY(5px); 
				     transform:scale(1.15) translateY(5px);
				}
.dot{
	display: none;
}
@media screen and (max-width: 797px){
	nav{
		text-align: left;
	}
	nav ul{
		display: none;
		float: none;
	}
		nav ul li{
			display: block;
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			border-top: 1px solid black;
		}
		nav ul li a{
			display: block;
			text-align: center;
			border-radius: 0;
		}
		nav ul li a:hover{
			background-color: #000;
			cursor: pointer;
			color:white;
			box-shadow:2px 2px 5px black;
			
			-webkit-transform:scale(1); 
			-moz-transform:scale(1);
			-ms-transform:scale(1); 
			-o-transform:scale(1); 
			transform:scale(1);			
		}
	nav .dot{
		display:inline-block;
		float: right;
		font-size:1.5em;
		font-weight: bolder;
		cursor:pointer;
		position: absolute;
		top:0;
		right:0;
		padding: 0 1em;
	}
	nav .home{
		float:none;
		display: block;
	}
}