.fat-nav,
.hamburger__icon,
.hamburger__icon:after,
.hamburger__icon:before {
 -moz-transition-duration:.4s;
 -o-transition-duration:.4s;
 -webkit-transition-duration:.4s
}
.hamburger {
 display:
 block;
 width: 50px;
 height: 50px;
 position:
 fixed;
 top: 35px;
 right: 35px;
 z-index: 998;
 padding: 20px 12px;
 -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;
 background-color: #5D3E38;
 border-radius:300px;
 border: #000 solid 1px;
}
.hamburger__icon {
 position:
 relative;
 margin-top: 2px;
 margin-bottom:7px;
 /* height: 2px!important; */
 /* margin-left: -5px; */
}
.hamburger__icon,
.hamburger__icon:after,
.hamburger__icon:before {
 display:
 block;
 width: 25px;
 height: 2.5px;
 background-color: #fff;
 -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: -2px;
 margin-top: -5px;
}
.hamburger__icon:after {
 top: 1px;
 margin-top: 6px;
 /* height: 3px; */
}
.hamburger.active .hamburger__icon {
 background-color:transparent
}
.hamburger.active .hamburger__icon:after,
.hamburger.active .hamburger__icon:before {
 background-color:#fff
}
.hamburger.active .hamburger__icon:before {
 -moz-transform:translateY(7px)rotate(45deg);
 -ms-transform:translateY(7px)rotate(45deg);
 -webkit-transform: translateY(9px)rotate(45deg);
 transform: translateY(9px)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(-5px)rotate(-45deg);
}
.fat-nav {
 top:0;
 left:0;
 z-index: 99;
 position:fixed;
 display:none;
 width:100%;
 height:100%;
 background: rgba(245,240,225,.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: hidden;
 overflow-x:hidden;
 -webkit-overflow-scrolling:touch;
}
.fat-nav__wrapper {
 width:100%;
 height:100%;
 display:table;
 table-layout:fixed
}
.fat-nav.active {
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -webkit-transform:scale(1);
 transform:scale(1)
}
.fat-nav ul {
 display:table-cell;
 vertical-align:middle;
 margin:0;
 padding:0
}
.fat-nav li {
 list-style-type:
 none;
 text-align:
 center;
 padding:10px;
 font-size: 1.7em;
 font-weight: bold;
}
.fat-nav li,
.fat-nav li a {
 color: #3D2926;
 padding-left:0;
}
.fat-nav li a {
 text-decoration:none;
 line-height: 50px;
}
.fat-nav li a:hover {
background: url("../images/finger.svg") 0 8px no-repeat;
}