@media screen and (max-width:768px) {
	.main__logo {
		top:30px;
		right:30px;
	}

	.js-nav-btn {
		top:30px;
		left:30px;
	}

	.nav--black .nav-bg {
		display:block;
		position:absolute;
		width:100vw;
		height:100px;
		top:0;
		left:0;
		background:#fff;
	}


	.main {
		height:auto;
	}

	.main .nav,
	.main .main__logo {
		position:absolute;
	}

	.main .nav.active {
		position:fixed;
	}

	.main__item__title {
		margin-top:95px;
	}

	.main__item__title h1 {
		font-size:60px !important;
	}

	.main__item__title p {
		padding-left:15px;
		padding-right:15px;
		font-size:14px;
	}

	.main__cols {
		width:100%;
		height:auto;
		display:block;
	    margin-top:250px;
	}

	.main__cols__item {
		width:100%;
		height:510px;
		align-items:flex-start;
	}

	.main__cols__item:hover .main__cols__item__bg {
		opacity:0;
	}

	.main__item__pics {
		width:100%;
	}

	.main__item__pics__person, 
	.main__item__pics__letter, 
	.main__cols__item__desc, 
	.main__cols__item__read {
		opacity:1;
	}

	.main__item__pics__cnt {
		transform-origin: 40% 0;
		transform:scale(0.75);
	}

	.main__cols__item[rel-id="1"] .main__item__pics__cnt {
		transform-origin: 70% 0;
	}

	.main__cols__item[rel-id="4"] .main__item__pics__cnt {
		transform-origin: 45% 0;
	}

	.main__cols__item .main__cols__item__desc {
		margin-top:-140px !important;
	}

	.article__intro__menu-back,
	.article__intro__menu-between {
		display:none;
	}

	.article-content {
		padding-left:10px;
		padding-right:10px;
	}

	.article-block__row {
		display:block;
	}

	.article-block__half-block {
		width:100%;
	}

	.article-block__half-block__pic {
		width:100%;
		min-height:auto;
	}

	.article__intro-content {
		padding:0;
	}

	.article__item__title {
		margin-top: 100px;
	}

	.article__item__title h1 {
    	font-size: 42px;
    	letter-spacing: 4px;
	}

	.main__item__pics--article {
		transform: scale(0.5);
    	transform-origin: 50% 55%;
	}

	.article-block__letter {
		top:-40px;
    	height: 140px;
	}

	.article-block__half-block {
		padding:35px 20px;
	}
	
	.article-block__half-block--no-pad {
		padding:0;
	}

	.article-block__half-block--white {
		margin-top:0;
	}

	.article-block__half-block p {
		font-size:16px;
	}

	.article-block__half-block--colored p {
		font-size:24px;
	}

	.main__item__texts__type span {
		margin:0 2px;
	}

	.main__item__info--article .main__item__info__text {
		font-size:14px;
		padding-left:10px;
		padding-right:10px;
	}

	.main__item__pics--article .main__item__texts {
		width: 135%;
    	left: -16%;
	}


	/* game */
		.game .main__logo.main__logo--article {
			right:20px;
			width:80px;
			height:30px;
			background-repeat:no-repeat;
			background-size:contain;
		}

		.game__left {
			display:none;
		}

		.game__right {
			width:100%;
		}

		/* end */
			.game__end {
				width:50px;
			}

			.game__end__link {
				display:block;
			}
		/* end */

		.game__right__start {
			width:100%;
			padding-left:15px;
		}

		.game__right__start__title {
			font-size:28px;
			margin-bottom:15px;
		}

		.game__right__start__list li {
			padding-left:30px;
			margin:0;
		}

		.game__right__start__list span {
			font-size:60px;
		}

		.game__right__start__list p {
			font-size:12px;
		}

		.game__right__start__start {
			margin-top:5px;
			margin-bottom:5px;
		}

		.game__right__bg__building,
		.game__right__bg__building__ground {
			transform: translate(-55%);
		}

		/* auth */
			.game__right__auth,
			.game__right__auth2,
			.game__right__auth-mail {
				width:100%;
				padding-left:15px;
				padding-bottom:0;
			}

			.game__right__auth__title {
				font-size:28px;
				margin-bottom:15px;
				letter-spacing: 4px;
			}

			.game__right__auth__desc {
    			font-size: 14px;
    			margin-bottom: 15px;
			}

			.game__right__auth__item {
				width:60px;
				height:60px;
				border-width:2px;
				font-size:24px;
				padding-top:16px;
				margin:0 8px;
			}

			.game__right__add2__btn {
				margin-bottom:20px;
			}
		/* auth */

		.game__right__input-b__current {
			width:70%;
			transform: translate(-57%);
		}

		.game__right__input-b {
			max-width:100%;
			padding-right:60px;
			padding-bottom:0;
			padding-left:15px;
		}

		.game__right__input-b__block__text {
			font-size:18px;
			margin-bottom:20px;
		}

		.game__right__input-b__block__letter {
			font-size:36px;
			margin-bottom: 5px;
		}

		.game__right__input-b .game__left__info__counter {
   			width: 70px;
   			height: 70px;
   			display:block;
		}

		.game__right__input-b .game__left__info__counter span {
			padding-top: 5px;
			font-size:36px;
		}

		.game__left__result {
			width: 85%;
			padding-left:0;
			padding-right: 12%;
		}

		.game__left__result__title {
			margin-bottom: 15px;
		    font-size: 36px;
		    letter-spacing: 3px;
		}

		.game__left__result__current {
			margin-bottom:20px;
		}

		.game__left__result__share {
			margin-bottom:20px;
		}

		.game__left__result__share__item {
			margin-right:3px;
		}

	/* game */

	/* highscore */
		.highscore {
			min-height:100vh;
			height:auto;
			overflow:auto;
			padding-top:120px;
			padding-bottom:50px;
		}

		.highscore .nav,
		.highscore .main__logo.main__logo--article {
			position:absolute;
		}

		.highscore .nav.active {
			position:fixed;
		}

		.highscore__title {
			font-size: 28px;
			margin-bottom:10px;
		}

		.highscore__desc {
			font-size: 14px;
			margin-bottom:10px;	
		}

		.highscore__list__col {
			float:none;
			width:100%;
		}
	/* highscore */


	.nav__list {
		width:100vw;
		padding: 40px;
		left: -100vw;
	}

	.nav__list__item {
		font-size: 22px;
    	letter-spacing: 3px;
	}

	.nav__list__share {
		left:40px;
	}


}