#hdd {
    background-image: url(../images/hdd_1920.jpg);
    height: 790px;
    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: 664px;
        background-position: 50% 50%;
    }
    /*#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: 541px;
    }
    #hdd .float .txt {
        width: 600px;
        top: 3em;
        left: 20px;
    }
}

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