@media screen and (min-width:900px) {
.fat-nav,.fat-nav__wrapper,.hamburger{
visibility:hidden;
}
}


.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:60px;
height:60px;
position:fixed;
top:0;
right:0;
z-index:300;
padding:20px 10px;
-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:#fff;
}

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

.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{
display:block;
width:40px;
height:3px;
background-color:#000000;
-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:-10px
}

.hamburger__icon:after{
top:10px
}

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

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

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

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

.fat-nav{
top:0;
left:0;
z-index:300;
position:fixed;
display:none;
width:100%;
height:100%;
background:#000000;
-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.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;
margin:0 0 15px 0;

}

.fat-nav li,.fat-nav li a{
color:#E7E231;
font-weight:bolder;
font-size:16px;

}

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