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

#pantone .frame {
    padding-top: 100px;
    margin: 0 auto;
    width: 575px;
    left: 60px;
    top: 50px;
    position: absolute;
}

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

@media screen and (max-width: 960px) {
    #pantone {
        background: url(../images/pantone_960.jpg) center 280px no-repeat;
        height: 787px;
    }
    #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 230px no-repeat;
        height: 795px;
    }
    #pantone .frame {
        padding-top: 44px;
        width: auto;
        left: 30px;
        top: 10px;
    }
    #pantone h2 {
        width: auto;
    }
}