.g-header--logo,.g-header--social-list{position:absolute}.g-header--social-item,.logo--sm{display:inline-block}.g-header{width:100%;padding:1rem;background-color:#fff;color:#222;border-bottom:1px solid #ccc;min-height:4rem}.g-header .g-header--social-item a:hover{background-color:#d4d4d4}.g-header svg{fill:#000}.g-header--dark{background-color:#222;color:#d8d8d8;border-bottom:none}.g-header--dark .g-header--social-item a:hover{background-color:#3c3c3c}.g-header--dark svg{fill:#f2f2f2}.g-header--transparent{background-color:transparent;border-bottom:none}.g-header--inner{position:relative}.g-header--inner a{opacity:.75;-webkit-transition:.2s ease all;transition:.2s ease all}.g-header--inner a:hover{opacity:1}.g-header--logo{top:.15rem}.logo--lg{display:none}.g-header--title{font-weight:bold;text-align:left;padding-left:2.5em;font-family:Benton,Helvetica,sans-serif;letter-spacing:.01em;font-size:.9rem}.g-header--social-list{right:0;top:-.05rem}.g-header--social-item a{display:block;line-height:1;padding:.25em 0;width:2em;text-align:center;border-radius:3px}.g-footer{text-align:center;padding:1.5em 0}.g-footer--author{font-weight:700}@media screen and (min-width:50em){.logo--sm{display:none}.logo--lg{display:inline-block}.g-header--title{text-align:center;padding-left:0}}