/// /// Editorial by HTML5 UP /// html5up.net | @ajlkn /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) ///

/* Header */

#header {
        @include vendor('display', 'flex');
        border-bottom: solid 5px _palette(accent);
        padding: 6em 0 1em 0;
        position: relative;
        > * {
                @include vendor('flex', '1');
                margin-bottom: 0;
        }
        .logo {
                border-bottom: 0;
                color: inherit;
                font-family: _font(family-heading);
                font-size: 1.125em;
        }
        .icons {
                text-align: right;
        }
        @include breakpoint(xlarge) {
                padding-top: 5em;
        }
        @include breakpoint(small) {
                padding-top: 6.5em;
                .logo {
                        font-size: 1.25em;
                        margin: 0;
                }
                .icons {
                        height: (6.25em / 1.25);
                        line-height: (6.25em / 1.25);
                        position: absolute;
                        right: (-0.625em / 1.25);
                        top: 0;
                }
        }
}