/* start clock with Ritendra Gour */
.welcome-img {
    margin-top: 60px;
}

#hour, #minute, #second {
    position: absolute;
    background: black;
    border-radius: 10px;
    transform-origin: bottom;
}

#hour {
    width: 1.8%;
    height: 25%;
    top: 25%;
    left: 48.85%;
    opacity: 0.8;
    margin-top: 20px;
}

#minute {
    width: 1.6%;
    height: 31%;
    top: 19%;
    left: 48.9%;
    opacity: 0.8;
    margin-top: 30px;
}

#second {
    width: 1%;
    height: 32%;
    top: 9%;
    left: 49.25%;
    opacity: 0.8;
    margin-top: 70px;
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    welcome-img {
        height: 40px;
        width: 120px;
        background: url(clock.png) no-repeat;
    }

}

@media screen and (min-width: 500px) and (max-width: 660px) {
    welcome-img {
        height: 40px;
        width: 255px;
        background: url(clock.png) no-repeat;
    }
}

@media screen and (min-width: 660px) and (max-width: 770px) {
    welcome-img {
        height: 40px;
        width: 300px;
        background: url(clock.png) no-repeat;
    }
}

@media screen and (min-width: 770px) and (max-width: 860px) {
    welcome-img {
        height: 40px;
        width: 335px;
        background: url(clock.png) no-repeat;
    }
}

/* End clock with Ritendra Gour */