.wrapper{width:90%;max-width:700px;margin:0 auto}.off-canvas-wrapper{background-color:#000}.title-bar{background-color:#000;height:60px;padding-top:15px}#mobile-menu{background-color:#000;padding:10px}#mobile-menu li{list-style:none}#mobile-menu a{color:rgba(255,255,255,.6);font-weight:700;line-height:2}#mobile-menu a:hover{color:rgba(255,255,255,.8)}.nav-desktop{background-color:#000;padding:0}.site-logo{color:#fff}.nav-desktop .menu-desktop{background-color:transparent;line-height:50px}.menu>li>a{display:inline-block;color:#fff;line-height:50px;padding-top:0;padding-bottom:0}.menu>li>a:hover{background-color:rgba(255,255,255,.1)}.hero-panel{background-color:#ccc;padding:50px 0;height:300px}.main-content{padding:80px 0}.content-one{}.content-two{}footer{background-color:#000;padding:50px 0}footer h4{color:rgba(255,255,255,.8);font-size:1.3em}footer hr{border-color:rgba(255,255,255,.1);margin:10px 0}footer a{display:block;color:rgba(255,255,255,.6);font-size:.8em}footer a span{font-weight:700;color:rgba(255,255,255,.3)}footer a:hover{color:rgba(255,255,255,.8)}@media(max-width:640px){.nav-desktop{display:none}}@media(max-width:800px){.hero h1,.hero p{width:100%}}