/* ------------------------------------------------------------ *\
	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 3.1rem;
    }

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

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

/*  btn blue
*/

.header .btn--blue {
    background: var(--button-background-secondary);
    border-radius: 4px;
    height: 43px;
    width: 162px;
    line-height: 4.3rem;
    font-weight: 700;
    font-size: 24px;
}

.header .btn--blue::after {
    background: var(--button-background-secondary);
}


@media only screen and (max-width: 767px) {
    .header .btn--blue {
        height: 28px;
        width: 75px;
        font-size: 15px;
        padding: 0;
        min-height: unset;
        line-height: 2.3rem;
    }
}