/*-------------------------------------------Background Image---------------------------------------------*/
#bg {
    width: 100%;
    height: auto;
}


/*-------------------------------------------Redirect Button---------------------------------------------*/
.redirect-btn {
    bottom: 7%;
}

.redirect-btn img {
    width:67%;
    animation: pulse 1.7s  infinite linear;
}

.txt1 {
    top: 15%;
}

.txt1 img {
    width:60%;
    animation: pulseT1 1s  infinite linear;
}

.txt2 {
    top: 20%;
}

.txt2 img {
    width:90%;
    animation: pulseT2 1s  infinite linear;
}

.txt3 {
    top: 32%;
    left: 12%;
}

.txt3 img {
    width:60%;
    animation: pulseT3 1s  infinite linear;
}



/*-------------------------------------------Keyframe Animation---------------------------------------------*/
@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes pulseT1 {
    0% {
        transform: scale(0.9);
    }

    20% {
        transform: scale(1.1);
    }
    
    50% {
        transform: scale(0.9);
    }

    70% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(0.9);
    }
}

@keyframes pulseT2 {
    0% {
        transform: scale(0.9);
    }

    20% {
        transform: scale(0.9);
    }
    
    50% {
        transform: scale(1.1);
    }

    70% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(0.9);
    }
}

@keyframes pulseT3 {
    0% {
        transform: scale(0.9);
    }

    20% {
        transform: scale(0.9);
    }
    
    50% {
        transform: scale(0.9);
    }

    70% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(0.9);
    }
}



/*-------------------------------------------Multi Device Screen Size---------------------------------------------*/
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #bg {
        height: 100vh;
    }
}