/* =========================================================
   WHERE EMBERS REMAIN – MOBILE DESKTOP VIEW
   ========================================================= */

@media screen and (max-width: 800px) {

	html {
		width: 100%;
		overflow-x: auto !important;
		overflow-y: auto !important;
	}

	body {
		width: 850px !important;
		min-width: 850px !important;

		margin: 0 !important;

		overflow-x: visible !important;

		touch-action: pan-x pan-y;
	}

	#container {
		width: 850px !important;
		min-width: 850px !important;
		max-width: none !important;

		margin: 0 !important;

		overflow: visible !important;
	}

	.wrapper {
		width: 820px !important;
		min-width: 820px !important;
		max-width: none !important;

		margin: 0 15px !important;
	}

	#content {
		overflow: visible !important;
	}

}

@media screen and (max-width: 800px) {

	#content,
	.wrapper,
	#container {
		margin-left: auto !important;
		margin-right: auto !important;

		left: auto !important;
		right: auto !important;

		transform: none !important;
	}

}