body {
        height: 100%;
        margin: 0;
        font-family: 'Montserrat', sans-serif;
        overflow: hidden;
    }
    .video-wrap {
        position: relative;
    }
    .video-wrap video {
        object-fit: cover;
        width: 100%;
        pointer-events: none;
    }
    .video-wrap .play-button-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        cursor: pointer;
    }
    .logo {
        display: flex;
        justify-content: center;
        background-color: white;
    }
    @media (min-width: 2560px) {
        .logo {
            padding: 30px 0;
        }
        .logo img {
            width: 350px;
            height: 79px;
        }
        .video-wrap video {
            max-height: calc(100vh - 130px);
        }
        .play-mobile {
            display: none;
        }
    }

    @media (max-width: 2560px) {
        .logo {
            padding: 36px 0;
        }
        .logo img {
            width: 236px;
            height: 53px;
        }
        .video-wrap video {
            max-height: calc(100vh - 130px);
        }
        .play-mobile {
            display: none;
        }
    }
    @media (max-width: 991px) {
        .logo {
            padding: 34px 0;
        }
        .logo img {
            width: 252px;
            height: 57px;
        }
        .video-wrap video{
            max-height: calc(100vh - 136px);
        }
    }
    @media (max-width: 786px) {
        .logo {
            padding: 30px 0 80px 0;
        }
        .logo img {
            width: 146px;
            height: 33px;
        }
        .video-wrap video{
            max-height: calc(100vh - 130px);
        }
        .play-mobile {
            display: block;
        }
        .play-desktop {
            display: none;
        }
    }