html, body { font-family: 'Montserrat', sans-serif; }

.cover_wrapper { height: 100dvh; height: 100vh; overflow: hidden; position: relative; width: 100vw; }

.cover { height: calc(100% + 4px); left: 50%; object-fit: cover; object-position: center; position: absolute; top: 50%; transform: translate(-50%, -50%); width: calc(100% + 4px); z-index: 0; }

.text { align-items: center; display: flex; flex-direction: column; min-height: 30dvh; inset: auto 0 0; justify-content: center; padding: 32px; position: absolute; text-align: center; text-transform: uppercase;
    * { position: relative; z-index: 1; }

    &::before { content: ''; display: block; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 0; left: 0; z-index: 0; }
}

.logo { height: auto; width: 320px; }