@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;
	}

	.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 {
		font-size: 6rem;
	}
	.title span {
		font-size: 8rem;
	}
	.subtitle {
		font-size: 3.6rem;
	}
	.bonus {
		width: 100%;
	}
	.bonus__text {
		font-size: 2.7rem;
		margin: 0 0 6px 0;
	}
	.bonus__code {
		font-size: 7rem;
		height: auto;
		width: auto;
    padding: 2.2rem 4rem;
	}

	.button {
		height: auto;
		padding:3.7rem 1rem;
		font-size: 7vw;
		margin: 0;
		position: absolute;
		bottom: 10rem;
		left: 22px;
		width: -webkit-calc(100% - 44px);
		width: calc(100% - 44px);
		-webkit-border-radius: 10px;
		        border-radius: 10px;
	}
	.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%;
	}
}