@charset "UTF-8";
#swappable {
    background: url("../images/swappable_1920.jpg") center 46px no-repeat;
    height: 989px;
}

#swappable .frame {
    position: absolute;
    left: 624px;
    top: 169px;
    width: 674px;
    height: 247px;
}


/*#swappable h3 {
    width: 600px;
}

#swappable h4 {
    width: 600px;
}
*/

#swappable img {
    position: absolute;
    left: 870px;
    top: 460px;
}

@media screen and (max-width: 1366px) {
    #swappable {
        background: url("../images/swappable_1366.jpg") center 0px no-repeat;
        height: 645px;
    }
    #swappable .frame {
        left: 464px;
        top: 100px;
        width: 493px;
        height: 169px;
    }
    #swappable img {
        left: 640px;
        top: 350px;
        transform: scale(0.8);
    }
    /*    #swappable h3 {
        width: 500px;
    }
    
    #swappable h4 {
        width: 500px;
    }
*/
}

@media screen and (max-width: 960px) {
    #swappable {
        background: url(../images/swappable_960.jpg) center 0px no-repeat;
        height: 820px;
    }
    #swappable .frame {
        left: 29px;
        top: 28px;
        width: 607px;
        height: 242px;
    }
    #swappable img {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    #swappable {
        background: url(../images/swappable_640.jpg) center 60px no-repeat;
        height: 730px;
    }
    #swappable img {
        display: none;
    }
}