#swipe {
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/vuot.gif);
    background-repeat: no-repeat;
    background-position: center 70%;
    /* background-color: #000; */
    z-index: 1000;
    background-size: contain;
    overflow: hidden;
    scale: 0.6;
}

#orientation {
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/orientation3.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000;
    z-index: 1000;
    background-size: contain;
    visibility: hidden;
    opacity: .95;
}


.mask {
    height: 150vh;
    width: 100vw;
    z-index: 20;
    display: none;
    position: absolute;
    top: 0%;
    background-color: #000;
    opacity: .95;
}

.absvh {
    position: absolute;
    height: 100vh;
}