:root {
    --color-background: white;
    --color-light-grey-3: #ddd;
    --headerHeight: 6.25rem;
}

body {
    height: 0; /* FIX pi.web issues in TouchUI editor */
    margin: 7.5rem 0;
}

@media (min-width: 1280px) {
    body {
        margin: 9rem 0;
    }
}

header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 40;
    height: var(--headerHeight);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding: 1rem 4.125rem 1rem 4.125rem;
    border: 1px solid var(--color-light-grey-3);
    background-color: var(--color-background);
}

a {
    scroll-margin-top: 100px;
}