#hdd {
    background-image: url(../images/hdd_1920.jpg);
    height: 767px;
    background-position: center -100px;
}


/*#hdd .float .txt {
    width: 800px;
    top: -1em;
    left: 100px;
}*/

@media screen and (max-width: 1366px) {
    #hdd {
        background-image: url(../images/hdd_1366.jpg);
        height: 700px;
        background-position: center;
    }
    /*#hdd .float .txt {
        width: 450px;
        s top: 2em;
        left: 100px;
    }*/
}

@media screen and (max-width: 960px) {
    #hdd {
        background-image: url(../images/hdd_960.jpg);
        height: 676px;
        background-position: center 99px;
    }
    #hdd .float .txt {
        width: 600px;
        top: 3em;
        left: 20px;
    }
}

@media screen and (max-width: 640px) {
    #hdd {
        background-image: url(../images/hdd_640.jpg);
        height: 817px;
        background-position: center 91px;
    }
    #hdd .float .txt {
        width: 300px;
        top: 0em;
        left: 10px;
    }
}