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

	#stars,
	#bg {
		top:0;
		bottom:0;
	}

	.stars-wrap {
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		overflow:hidden;
	}

	#stars {
		width:1300px;
	}

	.logos {
		transform: scale(0.75);
	    transform-origin: 0 0;
	    top: 20px;
	    left: 20px;
	}

	.cnt {
		min-height:100vh;
		height:auto;
		display:block;
	}

	.index {
    	padding-top: 100px;
    	padding-bottom:0;
	}

	.index__logo {
		width:80%;
		height:auto;
		margin-bottom:20px;
	}

	.index__desc {
		font-size: 18px;
    	line-height: 30px;
    	margin-bottom:30px;
	}

	.index__steps {
		position:relative;
	}

	.index__steps__list {
		display:block;
		padding:0 5%;
		width:240px;
		margin:0 auto;
	}

	.index__steps__list__item {
		margin-bottom:20px;
	}

	.index__steps__list__item > img {
		margin-right:20px;
	}

	.likes {
		width:160px;
		position:relative;
		left:auto;
		bottom:auto;
		text-align:center;
		margin:0 auto 30px;
	}

	.join {
		position:relative;
		width:100%;
		bottom:auto;
		right:auto;
		text-align:center;
		padding-bottom:40px;
	}

	.join__btn {
		width:40px;
		height:40px;
		padding-top:13px;
	}

	.counter {
		width:100%;
		position:relative;
		top:auto;
		right:auto;
		margin-bottom:40px;
	}

	.categories__item__tip {
		display:none !important;
	}

	.main-header {
		position:relative;
		top:auto;
		padding-top:100px;
	}

	.main {
		padding-top:0;
	}

	.main__desc {
		font-size: 14px;
    	line-height: 21px;
    	padding: 0 15px;
	}

	.main__quest {
		height:50vh;
	}

	.main__quest__text {
		width:90%;
		margin:5% auto;
	}

	.main__quest__link {
		margin-bottom:40px;
	}

	.main__quest__text__input {
		font-size:18px;
		width: 97%;
	}

	.main__quest__text__note {
		margin-bottom:25px;
	}

	.categories {
		width:100%;
		height:auto;
		position:relative;
		right:auto;
		top:auto;
		display:none;
		margin-bottom:40px;
		z-index: 40;
	}

	.categories.active {
		right:auto;
		top:auto;
		display:block;
		z-index:1100;
	}

	.categories__item {
		width:100%;
		height:auto;
	}

	.categories__item__link {
		width:100%;
		transform:none;
		position:relative;
		top:auto;
		left:auto;
	}

	.categories__content {
		width:100%;
		left:0;
		top:auto;
		bottom:58px;
	}

	.result {
		width: 100%;
    	/*top: -270px;*/
    	position: relative;
    	/*margin-bottom: -210px;*/
    	top:auto;
    	margin:50px 0;
	}

	.result__title {
		font-size: 20px;
		padding:0 20px;
	}

	.result__share__btn {
		margin:0 5px;
	}

	.result__again {
		margin-top:40px;
	}

	.rocket-wrap.active {
		/*transform: scale(0.6) translate(-50%, 0);*/
	    /*transform-origin: 0 100%;*/
	    /*bottom: -210px;*/
	    /*margin: 0;*/
	    position: fixed; 
	}

	.rocket {
		margin-bottom:-410px;
	}

	.rocket.static {
    	/*bottom: -73px;*/
	}

	.smoke {
		position:fixed;
	}

}