#pantone {
    background: url(../images/pantone_1920.jpg) center 90px no-repeat;
    height: 970px;
}

#pantone .frame {
    margin: 0 auto;
    width: 575px;
    left: 60px;
    top: 170px;
    position: absolute;
}

@media screen and (max-width: 1366px) {
    #pantone {
        background: url(../images/pantone_1366.jpg) center 90px no-repeat;
        height: 776px;
    }
    #pantone .frame {
        width: 380px;
        left: 60px;
        position: absolute;
        top: 90px;
    }
}

@media screen and (max-width: 960px) {
    #pantone {
        background: url(../images/pantone_960.jpg) center 230px no-repeat;
        height: 717px;
    }
    #pantone .frame {
        padding-top: 13px;
        width: 580px;
    }
    #pantone h2 {
        width: 400px;
    }
}

@media screen and (max-width: 640px) {
    #pantone {
        background: url(../images/pantone_640.jpg) center 140px no-repeat;
        height: 763px;
    }
    #pantone .frame {
        padding-top: 44px;
        width: auto;
        left: 30px;
    }
    #pantone h2 {
        width: auto;
    }
}