/*-------------------------------------------Background Image---------------------------------------------*/
#bg {
    width: 100%;
    height: auto;
}


/*-------------------------------------------Redirect Button---------------------------------------------*/
.redirect-btn {
    top: 21%;
}
.redirect-btn img {
    width: 70%;
    animation: pulse 0.9s  infinite linear;
}

.element1 {
    top: 34%;
    right: 30%;
}
.element1 img {
    width: 20%;
    animation: move1 3s  infinite linear;
}

.element2 {
    top: 24%;
    left: 34%;
}
.element2 img {
    width: 38%;
    animation: move2 3s  infinite linear;
}

.txt {
    top: 7%;
}
.txt img {
    width: 80%;
    animation: pulse1 1.5s infinite linear;
}

.video {
    top: 54.2%;
}
.video video {
    width: 83.8%;
    border-radius: 8px;
}

/*-------------------------------------------Keyframe Animation---------------------------------------------*/
@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes pulse1 {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(1.15);
    }


    100% {
        transform: scale(1);
    }
}

@keyframes move1 {
    0% {
        transform: translate(0);
    }

    25% {
        transform: translate(7px,5px);
    }

    50% {
        transform: translate(0);
    }

    75% {
        transform: translate(-7px,5px);
    }

    100% {
        transform: translate(0);
    }
}

@keyframes move2 {
     0% {
        transform: translate(0);
    }

    25% {
        transform: translate(-10px,5px);
    }

    50% {
        transform: translate(0);
    }

    75% {
        transform: translate(10px,5px);
    }

    100% {
        transform: translate(0);
    }
}

/*-------------------------------------------Multi Device Screen Size---------------------------------------------*/
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #bg {
        height: 100vh;
    }
}