@media screen and (max-width: 1190px) {
	html {
		font-size: 1.1vw;
	}
	.footer {
		padding: 1.5rem;
	}
	.page {
		padding: 2.5rem 2rem 4rem 2rem;
	}
}

@media screen and (max-width: 900px) {
	html {
		font-size: 1.4vw;
	}
	.page {
		position: relative;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 2rem 3rem 5rem 3rem;
	}
	.page__inner {
		width: auto;
		margin: 0 auto;
	}
	.background {
		opacity: 0.6;
	}
	.footer {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.footer__pays {
		margin-bottom: 20px;
	}
}


@media screen and (max-width: 700px) {
	html {
		font-size: 1.5vw;
	}
	.background {
		opacity: 1;
	}
	.background img {
		-o-object-position: top;
		object-position: top;
	}
	.background-desc {
		display: none;
	}
	.background-mob {
		display: block;
	}
	.image {
		display: block;
		width: -webkit-calc(100% + 30px);
		width: calc(100% + 30px);
		margin-top: auto;
	}
	.page {
		padding: 15px 15px 0px 15px;
	}

	.logo {
		max-width: 149px;
		margin-bottom: 15px;
	}
	.title {
		margin-bottom:20px;
		font-size: 5.5rem;
	}
	.title1 {
		font-size: 9rem;
	}


	.bonus__text {
		font-size: 3rem;
	}
	.bonus__code {
		font-size: 4.5rem;
		width: 45rem;
    height: 11rem;
		background-image: url(../img/bonus-bg-mob.svg);
		padding-bottom: 2.3rem;
	}
	.page__inner {
		width: 100%;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
	.button {
		height: auto;
		padding: 4.5vw;
		font-size: 7vw;
		margin: 0;
		position: absolute;
		bottom: 9rem;
		left: 22px;
		width: -webkit-calc(100% - 44px);
		width: calc(100% - 44px);
	}
	.footer {
		background: #161616;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding: 36px 13px 32px 13px;
	}

	.footer__pays {
		margin: 0 0 20px 0;
		width: 100%;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	.footer__pays li {
		height: 25px;
		margin: 4px 5px;
	}
	.footer__crypto {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		margin: 0;
		width: 100%;
	}

	.footer__crypto li br {
		display: none;
	}
	.footer__crypto li {
		margin: 9px;
		height: 26px;
		width: auto;
		max-width: 26px;
	}
	.footer__crypto li:first-child {
		width: 100%;
		font-size: 10px;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		text-align: center;
		margin: 0;
		height: auto;
		max-width: 100%;
	}
}