@media screen and (max-width: 990px) {
	body:not(.docs) {
		background: url('../images/background.jpg') center top #d9c293 no-repeat scroll !important;
	}
		body.homepage:not(.docs):before {
			content: "";
			background: url('../images/background-homepage-mobile.png') center top transparent no-repeat scroll !important;
			width: 100%;
			max-width: 600px;
			height: 250px;
			display: block;
			position: absolute;
			top: 50px;
			left: 50%;
			transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
		}
		body:not(.docs):before {
			content: "";
			background: url('../images/background-inner-mobile.png') center top transparent no-repeat scroll !important;
			width: 100%;
			max-width: 600px;
			height: 250px;
			display: block;
			position: absolute;
			top: 50px;
			left: 50%;
			transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
		}
	.container,
	#wrapper { 
		width: 100% !important;
	}
	#content {
		margin-top: 180px;
	}
		body.homepage #content {
			margin-top: 250px;
		}
		body.docs #content {
			margin-top: 0;
		}
		#content .intro {
			margin-top: 50px;
		}
		#content .docs {
			padding: 0 20px;
		}
		#content .container .row .register-terms,
		#content .container .row p,
		#content .container .row a.register {
			margin-left: auto !important;
			margin-right: auto !important;
			max-width: 90%;
		}
	.toast-message .close-button {
		right: 10px;
	}
	#header {
		position: fixed;
		top: 0;
		left: 0;
		height: auto;
		z-index: 2;
	}
		#header a.button.end-game {
			display: none !important;
		}
		#header span.mobile-button {
			display: block;
			height: 50px;
			background: url('../images/mobile-menu-button.png') 15px 12px #e6d19a no-repeat;
		}
			#header span.mobile-button.open {
				background: url('../images/mobile-menu-button-close.png') 15px 14px #e6d19a no-repeat;
			}
		#header a.button {
			display: none;
			height: 40px;
			border-radius: 0;
			line-height: 40px;
			margin: 0 !important;
			text-align: left;
			padding-left: 15px;
			width: 100%;
			font-size: 20px;
			box-shadow: none;
			background-color: #e6d19a;
			border-top: 1px solid rgb(72, 30, 24);
		}
			#header a.button.open {
				display: block;
			}
			#header a.logotype {
				margin: 0 auto;
				float: none;
				position: absolute;
				top: 10px;
				right: 10px;
			}
	body.rules #content .scrollable,
	body.winners #content .scrollable {
		top: 80px;
		width: 90% !important;
	}
	img#suchards,
	img#steps {
		width: auto;
		max-width: 90%;
		height: auto;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
	}
	body.winners #content .scrollable ul > li {
		display: block;
	}
		body.winners #content .scrollable ul > li > ul > li {
			display: block;
			width: 100%;
		}
	#content .registration-steps {
		margin-top: 30px;
		width: 90%;
		height: auto;
	}
		#content .registration-steps .step-1 .scrollable {
			margin: 50px auto 0;
		}
		body.register .mCSB_scrollTools {
			left: 0 !important;
			top: -50px !important;
		}
		#content .registration-steps .step-2 ul.candies,
		#content .registration-steps .step-3 .card,
		#content .registration-steps .step-5 .card {
			margin: 0 auto;
		}
		#content .registration-steps.registration-form {
			width: 90%;
		}
			#content .registration-steps .step-4 form label.form-check-label {
				width: calc(100% - 50px);
			}
	#content .registration-steps .step-info {
		margin-top: 20px !important;
	}
	#content .registration-steps.registration-form {
		margin-top: 50px !important;
	}
	#content .delivery form input:not([type="submit"]),
	#content .delivery form select,
	#content .delivery form label,
	#content .delivery form .phone-input {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	#footer {
		height: auto;
		bottom: 0;
	}
		#footer a {
		}
		#footer span {
			display: none;
		}
}