body {
	background-color: black;
	font-family: 'Slabo 27px', serif;
	outline: none;
}

.mynav {
	color: #666;
	padding-right: 20px;
	padding-left: 20px;
}

.mynav span {
	font-weight:bold;
	font-size:1.3em;
}

.mynav span:hover {
	cursor:pointer;
}

.mynav a {
	color:#666;
	font-size:1.3em;
	text-decoration:none;
	font-weight:bold;
	-webkit-transition: -webkit-transform .8s ease-in-out;
	-ms-transition: -ms-transform .8s ease-in-out;
	transition: transform .6s ease-in-out;
}

.mynav a:hover {
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}

.img-group div {
	margin-bottom:30px;
	overflow:hidden;
	position:relative;
/*
	border:dashed 1px #666;
*/
}

.img-group div img {
	width:100%;
	height:auto;
}

.zoom {
	position:absolute;
	width:100%;
	left:0%;
	top:0%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-filter: saturate(.7);
	-moz-filter: saturate(.7);
	filter: saturate(.7);
}

.zoom:hover {
	width:120%;
	left:-10%;
	top:-10%;
	cursor:pointer;
	opacity:1;
	-webkit-filter: saturate(1.2);
	-moz-filter: saturate(1.2);
	filter: saturate(1.2);
}