#pearl-header{display:flex;flex-direction:row;justify-content:space-between;padding:15px 30px}#pearl-header .header-left,#pearl-header .header-left ul{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}#pearl-header .header-left ul li{list-style-type:none}#pearl-header .header-left ul li a{color:#222;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;line-height:17px;margin-right:20px;text-decoration:none}#pearl-header .header-right{align-items:flex-end;display:flex;flex-direction:column;justify-content:center}#pearl-header .header-right .header-cta{border:1px solid #3d3d3d;border-radius:31.5px;color:#222;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;line-height:17px;padding:13px 27px;text-align:center;text-decoration:none}#pearl-header #burger{display:none;height:20px;position:relative;width:30px}#pearl-header #burger.active:before{left:50%;top:7px;transform:translateX(-50%) rotate(45deg)}#pearl-header #burger.active:after{bottom:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}#pearl-header #burger.active span{opacity:0}#pearl-header #burger:before{top:0}#pearl-header #burger:after,#pearl-header #burger:before{background:#222;border-radius:2px;content:"";height:2px;left:0;position:absolute;width:100%}#pearl-header #burger:after{bottom:0}#pearl-header #burger span{background:#222;border-radius:2px;content:"";height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}#pearl-logo{background:url(https://5664760.fs1.hubspotusercontent-na1.net/hubfs/5664760/assets/Blog%20Custom/logo-black.svg) no-repeat 50%;background-size:cover;display:block;height:76px;margin-right:40px;overflow:hidden;position:relative;width:100px}#pearl-logo span{left:-100%;position:absolute}@media only screen and (max-width:900px){#pearl-header .header-right .header-cta{display:none}}@media only screen and (max-width:690px){#pearl-header{padding:45px 30px}#pearl-header #burger{display:block}.pearl-nav{background:#fff;box-shadow:3px 3px 40px rgba(0,0,0,.52);height:100vh;padding:60px 20px 100px;position:fixed;right:-100%;top:0;width:200px;z-index:20}.pearl-nav.opened{right:0;transition:right .65s ease}#pearl-header .header-left ul{align-items:flex-start;flex-direction:column;padding:0}#pearl-header .header-left ul li a{font-size:20px;line-height:36px}#pearl-logo{left:50%;position:absolute;top:20px;transform:translateX(-50%)}}