@media screen and (max-width: 800px) {
	.container { 
		width: 100% !important;
	}
	#wrapper {
		height: 1660px;
	}
		#wrapper.homepage {
			background-image: url('../images/mobile-background-homepage.jpg');
		}
		#wrapper.how-to {
			background-image: url('../images/mobile-background-how-to.jpg');
		}
		#wrapper.awards {
			background-image: url('../images/mobile-background-awards.jpg');
		}
		#wrapper.rules {
			background-image: url('../images/mobile-background-rules.jpg');
			height: auto;
			padding-bottom: 200px;
		}
		#wrapper.docs {
			background-image: url('../images/mobile-background-header.jpg');
			height: auto;
		}
		#wrapper.about,
		#wrapper.winners {
			background-image: url('../images/mobile-background-about.jpg');
			height: auto;
			padding-bottom: 300px;
		}
		#wrapper.register-form,
		#wrapper.register-sms,
		#wrapper.register-winner {
			background-image: url('../images/mobile-background-register-form.jpg');
			height: auto;
			padding-bottom: 200px;
		}
	.toast-message .close-button {
		right: 10px;
	}
	#header {
		height: 50px;
	}
		#header a.mobile-button {
			display: block;
			height: 50px;
			background: url('../images/mobile-menu-button.png') 15px 12px #00653c no-repeat;
		}
			#header a.mobile-button.open {
				background: url('../images/mobile-menu-button-close.png') 15px 14px #00653c no-repeat;
			}
		#header a.button {
			display: none;
			height: 40px;
			border-radius: 0;
			line-height: 40px;
			margin: 0;
			text-align: left;
			padding-left: 15px;
			width: 100%;
			font-size: 20px;
		}
			#header a.button.open {
				display: block;
			}
		#wrapper.homepage #content {
			margin-top: 350px;
		}
		#wrapper.how-to #content {
			margin-top: 530px;
		}
		#wrapper.awards #content {
			margin-top: 475px;
		}
		#wrapper.rules #content {
			margin-top: 540px;
		}
		#wrapper.docs #content .docs {
			padding: 20px;
			top: 357px;
		}
		#wrapper.about #content {
			margin-top: 0;
		}
		#wrapper.register-form #content,
		#wrapper.register-sms #content,
		#wrapper.register-winner #content {
			margin-top: 460px;
		}
		#wrapper.winners #content {
			margin-top: 350px;
		}
		#content .row {
			display: grid;
		}
			#content .row p.end-game,
			#content .row p.winners-info,
			#content .row p.awards-terms,
			#content .row p.game-info {
				margin-right: auto;
				width: 100%;
			}
			#content .row p.game-terms,
			#content .row p.awards-terms {
				order: 1;
				margin-top: 0;
				margin-right: auto;
				width: 100%;
			}
			#content .row a.register {
				order: 2;
				margin-top: 0;
				margin-right: auto;
				font-size: 18px;
			}
				#wrapper.homepage #content .row a.register {
					margin-top: 60px;
				}
				#wrapper.awards #content .row a.register {
					margin-top: 40px;
				}
			#content .row span.register-terms {
				order: 3;
				margin-right: auto;
				width: 100%;
			}
			#wrapper.winners #content .row p.winners-info {
				order: 4;
				margin-top: 30px;
				margin-right: auto;
				width: 100%;
			}
			#wrapper.winners #content .winners-select {
				width: 100%;
				margin-left: auto;
			}
			#wrapper.winners #content .winners-container .winners-content {
				height: auto;
			}
			#wrapper.how-to #content .row p.game-info {
				display: none;
			}
			#wrapper.rules #content .row a.register,
			#wrapper.rules #content .row span.register-terms,
			#wrapper.about #content .row a.register,
			#wrapper.about #content .row span.register-terms {
				display: none;
			}
			#wrapper.about #content .about-data>div {
				margin-bottom: 30px;
			}
				#wrapper.about #content .about-data>div:nth-of-type(2) {
					margin-bottom: 0;
				}
		#wrapper.rules #content .scrollable {
			top: 0;
			padding: 20px 15px;
		}
		#content .registration-form {
			width: 100%;
			margin: 0 auto;
		}
			#content .registration-form:not(#wrapper.register-winner #content .registration-form)::after {
				content: "";
				display: block;
				background: url('../images/bill.png') center center transparent no-repeat;
				width: 244px;
				height: 273px;
				margin: 30px auto 0;
				order: 4;
			}
			#wrapper.register-sms #content .registration-form::after {
				content: "";
				display: block;
				background: url('../images/awards.png') center center transparent no-repeat;
				width: 360px;
				height: 740px;
				margin: 30px auto 0;
				order: 4;
			}
	#footer {
		height: auto;
		bottom: 0;
	}
		#footer a {
			display: block;
			margin: 8px 0;
		}
		#footer span {
			display: none;
		}
}