#icn-menu{cursor:pointer;width:50px;height:50px;float:right}
#menu{overflow:hidden}
.overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(88, 89, 91, .95);z-index:100}
.overlay .overlay-close{width:40px;height:40px;position:absolute;right:10px;top:10px;overflow:hidden;border:none;background:url("../../images/cross.png");background-repeat: no-repeat;background-position: -10px -10px;text-indent:200%;color:transparent;outline:0;z-index:100;cursor:pointer}
.overlay nav{text-align:center;position:relative;top:50%;height:60%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.overlay ul{list-style:none;padding:0;margin:0 auto;display:inline-block;height:100%;position:relative}
.overlay ul li{display:block;height:20%;height:calc(100%/7);min-height:20px;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.overlay ul li a{font-size:20px;display:block;color:#fff;text-align:center;-webkit-transition:color .2s;transition:color .2s}
.overlay ul li a:focus, .overlay ul li a:hover{color:#f0f0f0}
.overlay-scale{visibility:hidden;opacity:0;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:-webkit-transform .2s, opacity .2s, visibility 0s .2s;transition:transform .2s, opacity .2s, visibility 0s .2s}
.overlay-scale.open{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .4s, opacity .4s;transition:transform .4s, opacity .4s}
@media screen and (max-height:30.5em){.overlay nav{height:70%;font-size:22px;}
.overlay ul li{min-height:34px}
}
@media screen and (min-height:400px){.overlay ul li{min-height:24px}
.overlay ul li a{font-size:24px}
}
@media screen and (min-height:600px){.overlay ul li{min-height:28px}
.overlay ul li a{font-size:28px}
}
@media screen and (min-width:769px){#menu{padding:22px 0;}
#icn-menu{display:none}
.overlay{position:relative;background:#fff;width:auto}
.overlay nav{-webkit-transform:translateY(0);transform:translateY(0);padding-top:0px;}
.overlay ul li{display:inline-block;min-height:0;padding:0px 5px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.overlay ul li:last-child:after{content:""}
.overlay ul li a{color:#58595B;font-size:12px;font-style:normal;font-weight:400;}
.overlay ul li a:focus, .overlay ul li a:hover{color:#5d3427}
.overlay-scale{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.overlay-close{display:none}
}
@media screen and (min-width:1024px){#menu{padding:19px 0 0px;}
#icn-menu{display:none}
.overlay{position:relative;background:#fff;width:auto}
.overlay nav{-webkit-transform:translateY(0);transform:translateY(0);padding-top:0px;}
.overlay ul li{display:inline-block;min-height:0;padding:2px 5px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.overlay ul li:last-child:after{content:""}
.overlay ul li a{color:#58595B;font-size:14px;font-style:normal;font-weight:400;}
.overlay ul li a:focus, .overlay ul li a:hover{color:#5d3427}
.overlay-scale{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.overlay-close{display:none}
}
@media screen and (min-width:1200px){.content-menu{width:80%;margin-left:auto;margin-right:auto;}
}