.fat-nav,
.hamburger__icon,
.hamburger__icon:after,
.hamburger__icon:before{
	font-family: 'Playfair Display', serif;
	-moz-transition-duration:.4s;
	-o-transition-duration:.4s;
	-webkit-transition-duration:.4s
}

.hamburger{
	display:block;
	width:60px;
	height:60px;
	position:fixed;
	top:0;
	right:0;
	z-index:10000;
	padding:20px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-tap-highlight-color:transparent;
	-ms-touch-action:manipulation;
	touch-action:manipulation
}

.hamburger__icon{
	position:relative;
	margin-top:10px;
	margin-bottom:7px
}

.hamburger__icon,
.hamburger__icon:after,
.hamburger__icon:before{
	display:block;
	width:28px;
	height:2px;
	background-color:#222;
	-moz-transition-property:background-color,
	-moz-transform;
	-o-transition-property:background-color,
	-o-transform;
	-webkit-transition-property:background-color,
	-webkit-transform;
	transition-property:background-color,
	transform;
	transition-duration:.4s
}

.hamburger__icon:after,
.hamburger__icon:before{
	position:absolute;
	content:""
}

.hamburger__icon:before{
	top:-7px
}

.hamburger__icon:after{
	top:7px
}

.hamburger.active .hamburger__icon{
	background-color:transparent
}

.hamburger.active .hamburger__icon:after,
.hamburger.active .hamburger__icon:before{
	background-color:#aaa
}

.hamburger.active .hamburger__icon:before{
	-moz-transform:translateY(7px)rotate(45deg);
	-ms-transform:translateY(7px)rotate(45deg);
	-webkit-transform:translateY(7px)rotate(45deg);
	transform:translateY(7px)rotate(45deg)
}

.hamburger.active .hamburger__icon:after{
	-moz-transform:translateY(-7px)rotate(-45deg);
	-ms-transform:translateY(-7px)rotate(-45deg);
	-webkit-transform:translateY(-7px)rotate(-45deg);
	transform:translateY(-7px)rotate(-45deg)
}

.fat-nav{
	top:0;
	left:0;
	z-index:9999;
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	background:rgba(255,255,255,.9);
	-moz-transform:scale(1.4);
	-ms-transform:scale(1.4);
	-webkit-transform:scale(1.4);
	transform:scale(1.4);
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-webkit-transition-property:-webkit-transform;
	transition-property:transform;
	transition-duration:.4s;
	overflow-y:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch
}

.fat-nav__wrapper{
	width:100%;
	height:100%;
	display:table;
	table-layout:fixed
}

.fat-nav .logo{
	width:100%;
	height:80px;
	margin:50px auto 20px auto;
	background: url(../img/muku_zeh_logo.svg) no-repeat 0 0;
	background-size:auto 100%;
	background-position:center;
}

.fat-nav .logo a{
	margin:0 auto;
	display:block;
	width:100px;
	height:100px;
}

.fat-nav.active{
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1)
}

.fat-nav ul{
	width:100%;
	margin:0 0 70px 0;
	padding:0;
}

.fat-nav li{
	font-size:95%;
	width:70%;
	margin:0 auto;
	list-style-type:none;
	padding:0.2em 0;
	border-bottom:1px dotted #000;
}

.fat-nav li:nth-child(17){
	margin-top:10px;
	border-bottom:none;
	text-align:center;
}


.fat-nav li,
.fat-nav li a{
	color:#000;
}

.fat-nav li a{
	text-decoration:none
}

.fat-nav li a em{
	font-size:100%;
	font-weight:bold;
	font-style:normal;
	color:#000;
	background:#fff;
	padding:0.2em 0.3em;
	margin-right:0.3em;
}

.fat-nav li:nth-child(1) a em,
.fat-nav li:nth-child(2) a em,
.fat-nav li:nth-child(3) a em,
.fat-nav li:nth-child(4) a em,
.fat-nav li:nth-child(5) a em,
.fat-nav li:nth-child(6) a em,
.fat-nav li:nth-child(7) a em,
.fat-nav li:nth-child(8) a em,
.fat-nav li:nth-child(9) a em{
	padding:0.2em .6em;
}

.fat-nav li:nth-child(14) a em,
.fat-nav li:nth-child(15) a em{
	font-size:75%;
	border:none;
	padding:0.2em .5em;
	margin-left:3.0em;
	background:#efefef;
	border:1px solid #eee;
}


.fat-nav li:nth-child(17) a span{
	font-size:90%;
    color:#fff;
    background:#ce6666;
    padding:10px 20px;
    border-radius: 20px;
    box-sizing:border-box;
}