@charset "UTF-8";

#XSplit {
    background: url("../images/XSplit_1920.jpg") center bottom no-repeat;
    height: 786px;
}
    #XSplit .frame {
		left: 70px;
		top: 70px;
		width: 600px;
    }


@media screen and (max-width: 1366px) {
    #XSplit {
        background: url("../images/XSplit_1366.jpg") center bottom no-repeat;
        height: 780px;
    }
        #XSplit .frame {
			left: 80px;
			top: 60px;
			width: 800px;
        }
}


@media screen and (max-width: 960px) {
    #XSplit {
        background: url("../images/XSplit_960.jpg") center bottom no-repeat;
        height: 640px;
    }
        #XSplit .frame {
			top: 70px;
			width: 580px; 
			left: 30px;
        }
}


@media screen and (max-width: 640px) {
    #XSplit {
        background: url("../images/XSplit_640.jpg") center bottom no-repeat;
        height: 730px;
    }   
        #XSplit .frame {
			top: 0px;
			width: 300px; 
			left: 10px;
        }
}