header id="header" class="header">
    <div class="header-overlay"></div>

    <div style="
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        width: 100%;
        z-index: 10;">
        <h1 style="
            font-size: 3rem;
            font-weight: 700;
            color: #ffffff;
            margin: 0;
            text-transform: uppercase;">
            <span style="font-weight: 800;color:brown"> Jockow, Your Community!</span>
        </h1>
    </div>
</header>