#frame-wrapper{
    text-align: center;
}

#watch-frame{
    width: 650px;
    height: 1000px;
    height: 100vh;
}


@media (min-height: 1100px) {
    #watch-frame{
        -ms-zoom: 1.1;
        -moz-transform: scale(1.25);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1.25);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(1.25);
        -webkit-transform-origin: 0 0;
    }
}


@media (min-height: 1500px) {
    #watch-frame{
        -ms-zoom: 1.5;
        -moz-transform: scale(1.35);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1.35);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(1.35);
        -webkit-transform-origin: 0 0;
    }
}

@media (max-width: 600px) {
    #watch-frame{
        -ms-zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.75);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.75);
        -webkit-transform-origin: 0 0;
    }
}

@media (max-width: 500px) {
    #watch-frame{
        -ms-zoom: 0.65;
        -moz-transform: scale(0.65);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.65);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.65);
        -webkit-transform-origin: 0 0;
    }
}

@media (max-width: 420px) {
    #watch-frame{
        -ms-zoom: 0.5;
        -moz-transform: scale(0.5);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.5);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.5);
        -webkit-transform-origin: 0 0;
    }
}