.overlay{height:100%;right:0;position:fixed;top:0;width:20%;z-index:99999}.overlay .overlay-close{height:40px;overflow:hidden;border:1px solid #dcddde;right:20px;color:#100f0f;position:absolute;top:20px;background:none;width:40px}button#trigger-overlay{padding:0 8px;font-size:1.65em;border:none;color:#fbfdfb;outline:none;text-align:center;background:none}.overlay nav{height:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:relative;text-align:center;top:20%}.overlay ul{list-style:none;height:100%;padding:0;position:relative;margin:0 auto;display:inline-block}.overlay ul li{-webkit-backface-visibility:hidden;backface-visibility:hidden;line-height:2.5em;display:block}.overlay ul li a{padding:.5em 0;font-size:1em;font-weight:600;color:#333;-webkit-transition:color .2s;transition:color .2s;letter-spacing:1px;font-family:Montserrat,sans-serif;display:block}.overlay ul li a:focus,.overlay ul li a:hover{color:#146eb4}body,html{overflow-x:hidden}.container:after{height:100%;right:0;-webkit-transition:opacity .5s,visibility 0s .5s;transition:opacity .5s,visibility 0s .5s;content:"";position:absolute;opacity:0;visibility:hidden;top:0;background:#fff;width:100%}.container.overlay-open:after{-webkit-transition:opacity .5s;transition:opacity .5s;opacity:1;visibility:visible}.overlay-contentpush{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .5s,visibility 0s .5s;transition:transform .5s,visibility 0s .5s;visibility:hidden;background:#fff}.overlay-contentpush.open{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .5s;transition:transform .5s;visibility:visible}@media screen and (max-height:30.5em){.overlay nav{height:70%;font-size:34px}.overlay ul li{min-height:34px}}@media (max-width:600px){.overlay ul li a{font-size:15px}.overlay ul li{line-height:2em}}