div.header-container-wrapper{position:fixed;top:0;left:0;width:100%;height:75px;font-family:'Roboto',sans-serif;z-index:500}div.header-container-wrapper div.background{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;background-color:#134369;box-shadow:0px 3px 5px #00000029;transition:opacity .3s ease-out;z-index:1}div.header-container-wrapper.stuck div.background{opacity:1}header{position:relative;max-width:1200px;margin:0 auto;padding:20px 0;z-index:2}header div.content{display:flex}header div.content>div{box-sizing:border-box}header div.content div.logo{flex:0 1 401px;padding-right:25px;max-width:401px;line-height:45px}header div.logo img{width:100%;max-width:376px;height:auto}header div.nav-wrap{position:relative;flex:0 0 100px}header nav{padding:10px 15px 20px 15px;width:90px}header nav h2{position:relative;margin:0;padding:0;font-size:14px;letter-spacing:.14px;font-weight:normal;white-space:nowrap;color:#fff;line-height:1;z-index:2}header nav h2 span.arrow{display:inline-block;position:relative;top:-2px;padding:2px;margin:0 0 0 5px;border:solid #0af;border-width:0 2px 2px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg)}header nav:hover h2{color:#0af}header nav:hover h2:after{width:50px}header nav ul{position:absolute;display:none;top:34px;left:15px;width:200px;margin:0;padding:5px 10px 5px 10px;box-sizing:border-box;list-style:none;background-color:#fff;z-index:1}header nav ul li{margin:0;padding:0}header nav ul a{display:block;padding:10px 0;font-size:13px;line-height:1;color:#565656;text-decoration:none}header nav ul a:hover{color:#0af;text-decoration:none}header nav:hover ul{display:block}header div.spacer{flex:1 1 auto}header div.cta{flex:0 0 150px;padding-top:5px;text-align:right;opacity:0;transition:opacity .3s ease-out}div.header-container-wrapper.stuck header div.cta{opacity:1}header div.cta a{display:inline-block;padding:5px 20px;font-size:11px;line-height:1;letter-spacing:.1px;color:#fff;text-decoration:none;background-color:#0af;border-radius:10px}@media screen and (max-width:1200px){header{padding:20px}}@media screen and (max-width:500px){div.header-container-wrapper{height:85px}header{padding:15px}header div.content{flex-wrap:wrap}header div.content div.logo{flex:0 0 100%;line-height:15px;text-align:center;max-width:none}header div.content div.nav-wrap,header div.content div.cta{flex:1 1 50%}header nav{left:-10px;top:0}}