.wrap_menu_resp{ width:60px; height:60px; position:fixed; transition: all 0.6s ease-out; cursor:pointer; float:left; z-index: 9;top:5px; right:5px; mix-blend-mode: difference; background: #000}
.linea_1{ width:22px; height:2px; background:#fff; position:absolute; top:23px; left:15px;transition: all 0.3s ease-out;}
.linea_1a{ width:4px; height:2px; background:#fff; position:absolute; top:23px; left:41px;transition: all 0.3s ease-out;}
.linea_2{ width:4px; height:2px; background:#fff; position:absolute; top:29px; left:15px;transition: all 0.3s ease-out;}
.linea_2a{ width:22px; height:2px; background:#fff; position:absolute; top:29px; left:23px;transition: all 0.3s ease-out;}
.linea_3{ width:30px; height:2px; background:#fff; position:absolute; top:35px; left:15px;transition: all 0.3s ease-out;}

#panel {display: none;position:fixed;top:0px;right: 0px;background: none;cursor:pointer;width:100%;height: 100%;padding:0px;z-index:999999;}.overlay{position:absolute;top:0px;right:0px;background: #0e0e0e;width:50%;height: 100%;padding: 30px;z-index:9999999;overflow:hidden;}
.topchiudi{ width:70px; height:70px; position:absolute; z-index:9999; top:0px; right:0px; background:#0e0e0e;transition: all 0.3s ease-out; cursor:pointer; color:#fff}
.linea4{ width: 30px; height:2px; background:#fff; position:absolute; top:33px; left:20px;transition: all 0.3s ease-out;transform:rotate(45deg);}
.linea5{ width: 30px; height:2px; background:#fff; position:absolute; top:33px; left:20px;transition: all 0.3s ease-out;transform:rotate(135deg);}
.topchiudi:hover{background:#000;}


.wrap_menu_resp:hover .linea_1{width:13px;}
.wrap_menu_resp:hover .linea_1a{width:13px; left:19px;}
.wrap_menu_resp:hover .linea_2{width:22px;}
.wrap_menu_resp:hover .linea_2a{width:4px; left:41px}
.wrap_menu_resp:hover .linea_3{width:17px;left:28px;}

.wrap_navi {display: table;width: calc(100% - 70px);height: 100vh;/*margin: 0 auto;*/ }
.navi {font-family: 'Playfair Display', serif;font-size: 3.4vw;font-weight: normal; /*text-transform: uppercase;*/ display: table-cell;vertical-align: middle;}
.navi ul {list-style: none;padding: 0px;margin: 0px;position: relative;}
.navi ul li {padding: 0px;margin: 25px 0px;display: list-item;position: relative; /*text-align:center;*/ border-bottom: 1px solid #333}
.navi ul li a {color: #fff;transition: all 0.3s ease-out;position: relative;padding:0px 20px;}
.navi ul li a:hover {color:#90402a;} 
.navi ul li .post-count{font-family: 'Jost', sans-serif;font-size: 14px;position: absolute;bottom: .75em;right: 20px; color:#6F6E6E}

.scritta_menu{width: 30px; height: 230px; position: absolute; top:50%; right: 30px; margin-top: -115px; color: #977551;}
.scritta_menu span{writing-mode: vertical-rl;}.scritta_menu span strong{ font-w:800; color: #ccc;}

@media (min-width: 1025px) and (max-width: 1366px) {
	
}
@media (min-width: 769px) and (max-width: 1024px) {
	.navi {font-size: 8vw;}
	.overlay{width:100%;}
	
}
@media (min-width: 426px) and (max-width: 768px) {
	.navi {font-size: 8vw;}
	.overlay{width:100%}

}
@media (max-width: 425px) {
	.navi {font-size: 8vw;}
	.overlay{width:100%;}
}