/* gestion de l'orientation du smartphone */

#container { display:block; }

@media only screen and (orientation:portrait) {
	#container {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	}
}
@media only screen and (orientation:landscape) {
	#container {
	height: 100vw;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	}

	@media only screen and (max-height: 2160px) { /* 2160 X 3840 */
		#loader {
			width: 1600px;
			height: 1600px;
			margin: -800px 0 0 -800px;
		}
		#logo {
			background: url('../mmd/images/logo_1200.svg') no-repeat center center fixed;
			width: 1600px;
			height: 1600px;
			margin: -800px 0 0 -800px;
		}
	}

	@media only screen and (max-height: 1440px) { /* 1440 X 2560 */
		#loader {
			width: 1000px;
			height: 1000px;
			margin: -500px 0 0 -500px;
		}
		#logo {
			background: url('../mmd/images/logo_800.svg') no-repeat center center fixed;
			width: 1000px;
			height: 1000px;
			margin: -500px 0 0 -500px;
		}
	}

	@media only screen and (max-height: 1080px) { /* 1080 X 1920 */
		#loader {
			width: 800px;
			height: 800px;
			margin: -400px 0 0 -400px;
		}
		#logo {
			background: url('../mmd/images/logo_600.svg') no-repeat center center fixed;
			width: 800px;
			height: 800px;
			margin: -400px 0 0 -400px;
		}
	}

	@media only screen and (max-height: 750px) { /* 750 X 1334 */
	}

	@media only screen and (max-height: 720px) { /* 720 X 1280 */
	}
}