@media (max-width: 767px) {
    .coming-soon {
        background-image: url("../images/mob-poster.png");
        background-size: cover;
        min-height: 100vh;
        min-height: 100dvh;
    }

    .hilti-logo {
        top: max(20px, env(safe-area-inset-top));
        left: max(20px, env(safe-area-inset-left));
        width: 110px;
    }
}

@media (max-height: 500px) and (orientation: landscape) {
    .coming-soon {
        background-image: url("../images/poster1.jpg.jpeg");
    }

    .hilti-logo {
        top: max(12px, env(safe-area-inset-top));
        left: max(16px, env(safe-area-inset-left));
        width: 110px;
    }
}