.burger,header{text-shadow:none}header,nav{z-index:99999;opacity:1!important}.burger,header,nav{opacity:1!important}header{height:70px;position:relative;width:100%;background-color:#fff!important;color:#000!important}header p{color:#000;font-size:27px;line-height:60px;font-weight:700;text-align:center}.burger{position:absolute;float:left;padding:10px;top:4px;left:10px;color:#fff!important;display:none;list-style-type:none}.burger li{width:30px;height:4px;background-color:#9B9B98;border-radius:3px;margin:5px 0}.burger.open li{background-color:#d9dde1}nav{position:relative;height:42px;width:100%;background:#939498;text-shadow:none!important;font-weight:400!important}nav li{float:left;display:inline-block}nav li span{font-size:15px;color:#fff;padding:10px 20px;font-weight:700;display:block}nav ul li:hover{background:#ccc}nav li span:hover{cursor:pointer}nav li span a{color:#fff}nav li span a:hover{color:#fff;text-decoration:none}.body-section,.footer-section,.header-section{padding:20px}.header-section{background-color:#fff}.body-section{background-color:#f4f5f6}.footer-section{background-color:#dadee1}.placefiller{text-align:center;font-size:20px;border:1px dashed rgba(190,196,202,.5)}.header-section .placefiller{line-height:300px}.body-section .placefiller{line-height:900px}.footer-section .placefiller{line-height:200px;border:1px dashed rgba(190,196,202,.9)}@media only screen and (max-width:780px){.burger,header p,nav li{display:block}nav,nav ul{height:100%}header,nav{left:0;top:0}header{height:60px;z-index:2!important;background-color:#060a0c;position:relative;right:0;color:#fff!important;text-shadow:none;opacity:1!important;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}header p{color:#fff;text-align:center;padding-left:0}nav,nav li span.logo{display:none}nav ul{overflow-y:auto}nav li{float:none}nav li span{padding:22px 25px;letter-spacing:3px;font-size:14px}nav li span.active{color:#fff;background-color:#9B9B98}nav li span a:hover,nav li span:hover{color:#fff;background-color:#9B9B98;cursor:pointer}.header-section{margin-top:60px}nav{width:240px;position:fixed;margin:0;background-color:#292b2c;opacity:.3;-webkit-transform:translate3d(5%,0,0) scale(.97);-moz-transform:translate3d(5%,0,0) scale(.97);transform:translate3d(5%,0,0) scale(.97)}nav.open{z-index:99999;display:block;opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);-webkit-animation:slideIn .35s ease-in-out;-moz-transform:translate3d(0,0,0) scale(1);-moz-animation:slideIn .35s ease-in-out;transform:translate3d(0,0,0) scale(1);animation:slideIn .35s ease-in-out}@-webkit-keyframes slideIn{0%{opacity:.3;-webkit-transform:translate3d(5%,0,0) scale(.97)}100%{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1)}}@-moz-keyframes slideIn{0%{opacity:.3;-moz-transform:translate3d(5%,0,0) scale(.97)}100%{opacity:1;-moz-transform:translate3d(0,0,0) scale(1)}}@keyframes slideIn{0%{opacity:.3;transform:translate3d(5%,0,0) scale(.97)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}nav.close{-webkit-transform:translate3d(5%,0,0) scale(.97);-webkit-animation:slideOut .3s ease-in-out;-moz-transform:translate3d(5%,0,0) scale(.97);-moz-animation:slideOut .3s ease-in-out;transform:translate3d(5%,0,0) scale(.97);animation:slideOut .3s ease-in-out}@-webkit-keyframes slideOut{0%{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1)}100%{opacity:.3;-webkit-transform:translate3d(5%,0,0) scale(.97)}}@-moz-keyframes slideOut{0%{opacity:1;-moz-transform:translate3d(0,0,0) scale(1)}100%{opacity:.3;-moz-transform:translate3d(5%,0,0) scale(.97)}}@keyframes slideOut{0%{opacity:1;transform:translate3d(0,0,0) scale(1)}100%{opacity:.3;transform:translate3d(5%,0,0) scale(.97)}}.content{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:1}.content.open,header.open{-webkit-transform:translate3d(240px,0,0);-webkit-animation:open .5s ease-in-out;-moz-transform:translate3d(240px,0,0);-moz-animation:open .5s ease-in-out;transform:translate3d(240px,0,0);animation:open .5s ease-in-out}@-webkit-keyframes open{0%{-webkit-transform:translate3d(0,0,0)}70%{-webkit-transform:translate3d(260px,0,0)}100%{-webkit-transform:translate3d(240px,0,0)}}@-moz-keyframes open{0%{-moz-transform:translate3d(0,0,0)}70%{-moz-transform:translate3d(260px,0,0)}100%{-moz-transform:translate3d(240px,0,0)}}@keyframes open{0%{transform:translate3d(0,0,0)}70%{transform:translate3d(260px,0,0)}100%{transform:translate3d(240px,0,0)}}.content.close,a.close{-webkit-transform:translate3d(0,0,0);-webkit-animation:close .3s ease-in-out;-moz-transform:translate3d(0,0,0);-moz-animation:close .3s ease-in-out;transform:translate3d(0,0,0);animation:close .3s ease-in-out}@-webkit-keyframes close{0%{-webkit-transform:translate3d(240px,0,0)}100%{-webkit-transform:translate3d(0,0,0)}}@-moz-keyframes close{0%{-moz-transform:translate3d(240px,0,0)}100%{-moz-transform:translate3d(0,0,0)}}@keyframes close{0%{transform:translate3d(240px,0,0)}100%{transform:translate3d(0,0,0)}}}