.banner{position:absolute}.banner .container{background-color:rgba(0,0,0,.4);height:90px;width:100%;position:fixed;z-index:10;top:0;left:0}.brand{color:#fff;text-decoration:none;padding:10px 30px;display:block;position:fixed;z-index:10}.brand p{font-weight:300}.brand p span{font-weight:700}.nav-primary{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:none;z-index:10}.nav-primary .nav{list-style:none;padding:0;position:absolute;width:calc(100% - 100px);top:0;left:0;height:calc(100% - 250px);margin:150px 50px 100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.nav-primary .nav li a{color:#fff;text-decoration:none;font-size:40px;font-weight:400}.nav-primary .nav li a,.nav-primary .nav li a:hover{-webkit-transition:font-size .2s ease-in-out;-o-transition:font-size .2s ease-in-out;transition:font-size .2s ease-in-out}.nav-primary .nav li a:hover{font-size:80px}.nav-primary .menu-main-nav-container{text-align:right;position:absolute;width:100%;top:0;left:0;height:100%}.menu-icon{position:fixed;right:30px;top:30px;cursor:pointer;z-index:12}.menu-icon svg{fill:#fff;width:32px;height:32px}.menu-icon svg.close{display:none}