.primaryContainer #box1 {
    background-attachment: scroll;
    -webkit-background-size: 1920px;
    background-size: 1920px;
    background-position: 50% 45px;
    background-repeat: no-repeat no-repeat;
}

@media only screen and (max-width: 1279px) {
    .primaryContainer #box1 {
        -webkit-background-size: 1700px;
        background-size: 1700px;
        background-position: 55% 85px;
    }
}

@media only screen and (max-width: 1023px) {
    .primaryContainer #box1 {
        height: 550px;
        -webkit-background-size: 1400px;
        background-size: 1400px;
        background-position: 55% 76px;
    }
}

@media only screen and (max-width: 767px) {
    .primaryContainer #box1 {
        height: 490px;
        -webkit-background-size: 1200px;
        background-size: 1200px;
    }
}

@media only screen and (max-width: 719px) {
    .primaryContainer #box1 {
        -webkit-background-size: 1053px;
        background-size: 1053px;
        background-position: 62.3% 82px;
    }
}

@media only screen and (max-width: 599px) {
    .primaryContainer #box1 {
        height: 680px;
        -webkit-background-size: 1200px;
        background-size: 1200px;
        /*background-position: 24% 13px;*/
        background-position: 24% 45px;
    }
}

@media only screen and (max-width: 479px) {
    .primaryContainer #box1 {
        height: 630px;
        -webkit-background-size: 1137px;
        background-size: 1137px;
        /*background-position: 26% 4px;*/
        background-position: 26% 37px;
    }
}

@media only screen and (max-width: 369px) {
    .primaryContainer #box1 {
        height: 589px;
        -webkit-background-size: 1080px;
        background-size: 1080px;
        /*background-position: 28% 4px;*/
        background-position: 28% 30px;
    }
}

@media only screen and (max-width: 320px) {
    .primaryContainer #box1 {
        height: 512px;
        -webkit-background-size: 930px;
        background-size: 930px;
        /*background-position: 29% 6px;*/
        background-position: 29% 25px;
    }
}