.frame {
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
	top: 4.525%;
	left: 4.525%;
	width: 100vw;
	padding: 30%x 0;
}
	
	@media only screen and (max-width: 300px) {
		.frame {
			width: 1920px;
			height: 1080px;
			border: 0;
			-ms-transform: scale(0.15);
			-moz-transform: scale(0.15);
			-o-transform: scale(0.15);
			-webkit-transform: scale(0.15);
			transform: scale(0.15);
			left: calc(50% - 960px);
			-ms-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;position:absolute;
		}
	}
	
	@media only screen and (min-width: 400px) {
		.frame {
			width: 1920px;
			height: 1080px;
			border: 0;
			-ms-transform: scale(0.20);
			-moz-transform: scale(0.20);
			-o-transform: scale(0.20);
			-webkit-transform: scale(0.20);
			transform: scale(0.20);
			
			-ms-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;position:absolute;
		}
	}

	@media only screen and (min-width: 500px) {
		.frame {
			width: 1920px;
			height: 1080px;
			border: 0;
			-ms-transform: scale(0.25);
			-moz-transform: scale(0.25);
			-o-transform: scale(0.25);
			-webkit-transform: scale(0.25);
			transform: scale(0.25);
			
			-ms-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;position:absolute;
		}
	
	
	@media only screen and (min-width: 600px) {
		.frame {
			width: 1920px;
			height: 1080px;
			border: 0;
			-ms-transform: scale(0.30);
			-moz-transform: scale(0.30);
			-o-transform: scale(0.30);
			-webkit-transform: scale(0.30);
			transform: scale(0.30);
			
			-ms-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;position:absolute;
		}
	}
	
	@media only screen and (min-width: 700px) {
		.frame {
			width: 1920px;
			height: 1080px;
			border: 0;
			-ms-transform: scale(0.35);
			-moz-transform: scale(0.35);
			-o-transform: scale(0.35);
			-webkit-transform: scale(0.35);
			transform: scale(0.35);
			
			-ms-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;position:absolute;
		}
	}
	
	@media only screen and (min-width: 800px) {
		.frame {
			width: 1920px;
			height: 1080px;
			border: 0;
			-ms-transform: scale(0.40);
			-moz-transform: scale(0.40);
			-o-transform: scale(0.40);
			-webkit-transform: scale(0.40);
			transform: scale(0.40);
			
			-ms-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;position:absolute;
		}
	}
	
	@media only screen and (min-width: 900px) {
		.frame {
			width: 1920px;
			height: 1080px;
			border: 0;
			-ms-transform: scale(0.45);
			-moz-transform: scale(0.45);
			-o-transform: scale(0.45);
			-webkit-transform: scale(0.45);
			transform: scale(0.45);
			
			-ms-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;position:absolute;
		}
	}

	@media only screen and (min-width: 1000px) {
		.frame {
			width: 1920px;
			height: 1080px;
			border: 0;
			-ms-transform: scale(0.5);
			-moz-transform: scale(0.5);
			-o-transform: scale(0.5);
			-webkit-transform: scale(0.5);
			transform: scale(0.5);
			
			-ms-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;position:absolute;
		}
	}

	@media only screen and (min-width: 1100px) {
		.frame {
			width: 1920px;
			height: 1080px;
			border: 0;
			-ms-transform: scale(0.55);
			-moz-transform: scale(0.55);
			-o-transform: scale(0.55);
			-webkit-transform: scale(0.55);
			transform: scale(0.55);
			
			-ms-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;position:absolute;
		}
	}

	@media only screen and (min-width: 1200px) {
		.frame {
			width: 1920px;
			height: 1080px;
			border: 0;
			-ms-transform: scale(0.6);
			-moz-transform: scale(0.6);
			-o-transform: scale(0.6);
			-webkit-transform: scale(0.6);
			transform: scale(0.6);
			
			-ms-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;position:absolute;
		}
	}

	@media only screen and (min-width: 1300px) {
		.frame {
			width: 1920px;
			height: 1080px;
			border: 0;
			-ms-transform: scale(0.65);
			-moz-transform: scale(0.65);
			-o-transform: scale(0.65);
			-webkit-transform: scale(0.65);
			transform: scale(0.65);
			
			-ms-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;position:absolute;
		}
	}

	@media only screen and (min-width: 1400px) {
		.frame {
			width: 1920px;
			height: 1080px;
			border: 0;
			-ms-transform: scale(0.7);
			-moz-transform: scale(0.7);
			-o-transform: scale(0.7);
			-webkit-transform: scale(0.7);
			transform: scale(0.7);
			
			-ms-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;position:absolute;
		}
	}

	@media only screen and (min-width: 1500px) {
		.frame {
			width: 1920px;
			height: 1080px;
			border: 0;
			-ms-transform: scale(0.75);
			-moz-transform: scale(0.75);
			-o-transform: scale(0.75);
			-webkit-transform: scale(0.75);
			transform: scale(0.75);
			
			-ms-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;position:absolute;
		}
	}

	@media only screen and (min-width: 1600px) {
		.frame {
			width: 1920px;
			height: 1080px;
			border: 0;
			-ms-transform: scale(0.8);
			-moz-transform: scale(0.8);
			-o-transform: scale(0.8);
			-webkit-transform: scale(0.8);
			transform: scale(0.8);
			
			-ms-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;position:absolute;
		}
	}

	@media only screen and (min-width: 1700px) {
		.frame {
			width: 1920px;
			height: 1080px;
			border: 0;
			-ms-transform: scale(0.85);
			-moz-transform: scale(0.85);
			-o-transform: scale(0.85);
			-webkit-transform: scale(0.85);
			transform: scale(0.85);
			
			-ms-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;position:absolute;
		}
	}

	@media only screen and (min-width: 1800px) {
		.frame {
			width: 1920px;
			height: 1080px;
			border: 0;
			-ms-transform: scale(0.9);
			-moz-transform: scale(0.90);
			-o-transform: scale(0.9);
			-webkit-transform: scale(0.9);
			transform: scale(0.9);
			
			-ms-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;position:absolute;
		}
	}