@charset "UTF-8";

#Swappable {
    background: url("../images/swap_1920.jpg") center bottom no-repeat;
    height: 776px;
}
    #Swappable .frame {
    	top: 50px;
    }


@media screen and (max-width: 1366px) {
    #Swappable {
        background: url("../images/swap_1366.jpg") center 0 no-repeat;
        height: 655px;
    }
        #Swappable .frame {
			top: 60px;
        }
}


@media screen and (max-width: 960px) {
    #Swappable {
        background: url("../images/swap_960.jpg") center bottom no-repeat;
        height: 570px;
    }
        #Swappable .frame {
			top: 40px;
        }
}


@media screen and (max-width: 640px) {
    #Swappable {
        background: url("../images/swap_640.jpg") center bottom no-repeat;
        height: 530px;
    }   
        #Swappable .frame {
			top: 35px;
        }
}