body{
    background-image: url('../images/bg.jpg?v=1');
    background-size: 115%;
    background-position-x: center;
}
.main {
    position: absolute;
    height: 100%;
    width: 100%;
}

div#box {
    position: relative;
    top: 25%;
}

@media screen and (max-width: 1760px) {
    div#box{
        top: 20%;
    }
}

@media screen and (max-width: 1600px) {
    div#box{
        top: 20%;
        padding: 15px 0;
    }
}

@media screen and (max-width: 1400px) {
    body{
        background-size: 135%;
    }
}

@media screen and (max-width: 1200px) {
    body{
        background-size: 180%;
    }
}

@media screen and (max-width: 850px) {
    body{
        background-size: 270%;
    }
    div#box {
        top: 13%;
    }
}

@media screen and (max-width: 600px) {
    body{
        background-size: 320%;
    }
}
@media screen and (max-width: 600px) {
    body{
        background-size: 400%;
    }
}

@media screen and (max-width: 400px) {
    body{
        background-size: 500%;
    }
}