/* ------------------------------------------------------------ *\
	Header

	Can be found on all pages.
\* ------------------------------------------------------------ */

.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1.8rem 0;
}

@media only screen and (max-width: 767px) {
    .header {
        padding: 16px 0 31px;
    }

    .header__logo {
        display: inline-block;
        max-width: 8.4rem;
    }
}

.header .shell {
    display: flex;
    justify-content: space-between;
    align-items: center;
}