#nav-icon2 { width: 60px; height: 45px; position: relative; margin: 25px 25px 25px 0; float: right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index: 10 }
#nav-icon2 span { display: block; position: absolute; height: 9px; width: 50%; background: #a9552a; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#nav-icon2 span:nth-child(even) { left: 50%; border-radius: 0 9px 9px 0; }
#nav-icon2 span:nth-child(odd) { left: 0px; border-radius: 9px 0 0 9px; }
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) { top: 0px; }
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) { top: 18px; }
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) { top: 36px; }
#nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#nav-icon2.open span:nth-child(1) { left: 5px; top: 7px; }
#nav-icon2.open span:nth-child(2) { left: calc(50% - 5px); top: 7px; }
#nav-icon2.open span:nth-child(3) { left: -50%; opacity: 0; }
#nav-icon2.open span:nth-child(4) { left: 100%; opacity: 0; }
#nav-icon2.open span:nth-child(5) { left: 5px; top: 29px; }
#nav-icon2.open span:nth-child(6) { left: calc(50% - 5px); top: 29px; }
#menu { height: 100vh; width: 100%; position: fixed; z-index: 4; right: -100%; background-color: #f7f2ee; top: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
#menu.openMenu { right: 0 }
.menuinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block }
.menuinner a { display: block; clear: both; padding: 0px 0 15px; margin: 15px 0 0; border-bottom: 1px solid #a9552a; text-align: center; font-size: 18px; color: #a9552a; font-family: 'Gotham-Medium'; }
.menuinner a:last-child { padding: 0; border: 0 }
.menuinner a:first-child { margin: 0 }
 @media screen and (max-width:480px) {
#nav-icon2 { width: 40px; height: 30px; margin: 15px 15px 0 0; }
#nav-icon2 span { height: 6px; }
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) { top: 12px; }
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) { top: 24px; }
#nav-icon2 span:nth-child(odd) { border-radius: 6px 0 0 6px; }
#nav-icon2 span:nth-child(even) { border-radius: 0 6px 6px 0; }
#nav-icon2.open span:nth-child(5) { top: 19px; }
#nav-icon2.open span:nth-child(6) { top: 19px; }
}