:root{--header-background-color:#000}.component-header{background-image:var(--header-image);background-position:25% top;background-repeat:no-repeat;background-size:auto 15rem;display:flex;align-items:center}@media screen and (min-width:768px){.component-header{height:31.5rem;color:var(--color-white);background-color:var(--header-background-color);background-position:top;background-size:auto}.component-header .component-social-icons{--icon-primary-color:var(--color-white);--icon-secondary-color:none}}.component-header .positioner{padding:0 1.6rem;margin-top:16.6rem}@media screen and (min-width:768px){.component-header .positioner{margin-top:0;margin-left:50%;margin-right:6.4rem;padding:0}}.component-header .positioner h3{padding:1.6rem 0;line-height:var(--heading-4-line-height);font-size:var(--heading-4-font-size)}