*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{padding:0;font-size:100%;margin:0}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}body{color:#3b4e32;font-family:Lato,Calibri,Arial,sans-serif}a{text-decoration:none;color:#f0f0f0;outline:none}a:hover{color:#000}.container>header{padding:2.875em 1.875em 1.875em;max-width:69em;margin:0 auto;width:90%}.container>header h1{font-size:2.125em;font-weight:400;margin:0 0 .6em;line-height:1.3;float:left}.container>header>span{padding:0 0 .6em .1em;font-weight:700;text-transform:uppercase;position:relative;letter-spacing:.5em;display:block;z-index:200}.container>header>span span:after{height:30px;font-size:50%;font-size:75%;position:relative;top:-8px;left:-12px;width:30px}.container>header>span span:hover:before{padding:.8em 1em;font-size:110%;font-weight:300;text-indent:0;color:#fff;text-transform:none;content:attr(data-content);position:absolute;letter-spacing:0;text-align:left;background:#47a3da;margin-left:4px;left:auto;line-height:1.2}.container>header nav{text-align:center;float:right}.container>header nav a{height:2.5em;border:4px solid #47a3da;position:relative;text-align:left;margin:0 .1em;border-radius:50%;background:#fff;width:2.5em;display:inline-block}.container>header nav a>span{display:none}.container>header nav a:hover:before{pointer-events:none;right:0;color:#47a3da;content:attr(data-info);position:absolute;text-align:right;top:120%;width:600%}.container>header nav a:hover{background:#47a3da}.bp-icon:after{font-weight:400;font-style:normal;color:#47a3da;font-variant:normal;text-transform:none;speak:none;text-align:center;-webkit-font-smoothing:antialiased;font-family:bpicons}.container>header nav .bp-icon:after{height:100%;text-indent:0;position:absolute;top:0;left:0;width:100%;line-height:2}.container>header nav a:hover:after{color:#fff}.bp-icon-next:after{content:"\e000"}.bp-icon-drop:after{content:"\e001"}.bp-icon-archive:after{content:"\e002"}.bp-icon-about:after{content:"\e003"}.bp-icon-prev:after{content:"\e004"}@media screen and (max-width:55em){.container>header h1,.container>header nav{float:none}.container>header h1,.container>header>span{text-align:center}.container>header nav{margin:0 auto}.container>header>span{text-indent:30px}}