@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{font-size:100%;padding:0;margin:0}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}body{font-family:'Lato',Calibri,Arial,sans-serif;color:#777;background:#F5F5F5}a{color:#1a75bb;text-decoration:none}a:hover{color:#779D20}.container>header{width:100%;margin:0 auto;padding:1.5em 1em 1em;background:#fff}.container>header>.logo{width:300px;margin-bottom:.5em}.container>header nav{float:right;text-align:center}.container>header nav a{display:inline-block;position:relative;text-align:left;width:2.5em;height:2.5em;background:#fff;border-radius:50%;margin:0 .1em;border:4px solid #1a75bb}.container>header nav a i{position:relative;top:5px;left:8px}.container>header nav a>span{display:none}.container>header nav a:hover:before{content:attr(data-info);color:#1a75bb;position:absolute;width:600%;top:120%;text-align:right;right:0;pointer-events:none}.container>header nav a:hover{background:#1a75bb}.container>header nav a:hover:after,.container>header nav a:hover i{color:#fff}.container>#subheader{width:100%;margin:0 auto;padding:1.5em 1em 1em;background:#333}.container>#subheader h1{font-size:2.125em;line-height:1.3;margin:0 0 .6em 0;float:left;font-weight:400;color:#999}.container>#subheader>span{display:block;position:relative;z-index:9999;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:0 0 .6em .1em;color:#fff}.container>#subheader>span span:after{width:30px;height:30px;left:-12px;font-size:50%;top:-8px;font-size:75%;position:relative}.container>#subheader>span span:hover:before{content:attr(data-content);text-transform:none;text-indent:0;letter-spacing:0;font-weight:300;font-size:110%;padding:.8em 1em;line-height:1.2;text-align:left;left:auto;margin-left:4px;position:absolute;color:#fff;background:#1a75bb}.container>footer{width:100%;background:#333;padding:2%}.container>footer span{float:right}@media screen and (max-width:55em){.container>header h1,.container>header nav{float:none}.container>header>span,.container>header h1{text-align:center}.container>header nav{margin:0 auto}.container>header>span{text-indent:30px}.container>footer{width:100%;background:#333;padding:2%;text-align:center}.container>footer span{float:none}}