header {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative !important;
    padding: 0 !important;
}

header> :nth-child(1) {
    position: absolute !important;
    /* bottom: 0; */
    left: 0;
    z-index: 0;
}

header> article {
    display: block;
    padding: 20px;
    z-index: 1;
}

@media screen and ( max-width: 576px) {
    header {
        max-height: 325px;
    }
}