@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:50px;
height:40px;
position:fixed;
top:20px;
right:20px;
z-index:300;
padding: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:#dddac2;
}

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

.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{
display:block;
width:25px;
height:2px;
background-color:#330000;
-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:#330000;
}

.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:300;
position:fixed;
display:none;
width:100%;
height:100%;
background:#330000;
-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;
padding:0 0 30px 0;
font-size:20px;
font-family: 'Abril Fatface', cursive;
}

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

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